首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何使用jquery计算对象元素

如何使用jquery计算对象元素
EN

Stack Overflow用户
提问于 2017-07-28 19:13:00
回答 1查看 49关注 0票数 1

我有一个数组,里面有对象。我计算对象的值。脚本起作用了。有没有可能把头发剪短一点(干的)?

代码语言:javascript
运行
AI代码解释
复制
var myData = [
    { sku: "9017WKs43dp", quan: 100, farbigkeit40: "A90ZUKOs4599", proof: "A90ZUKOs4499" },
    { sku: "9017WKs18dp", quan: 100 },
    { sku: "9017WAs18dp", quan: 50, eindruck: "A90ZUKOs4799" },
    { sku: "9017WAs18dp", quan: 40, eindruck: "A90ZUKOs4799", proof: "A90ZUKOs4499" },
    { sku: "9017WKs43dp", quan: 200, farbigkeit44:"A90ZUKOs4699", proof: "A90ZUKOs4499" },
    { sku: "9017WKs43dp", quan: 200, farbigkeit40:"A90ZUKOs4599" }
];

    function countElements() {
        var res = {};
        myData.forEach(function(value){

            res[value.sku]=res[value.sku]||{quan:0};
            res[value.sku].quan+=1*value.quan;

            if(value.farbigkeit40 != undefined) {
                res[value.farbigkeit40] = res[value.farbigkeit40] || {quan:0};
                res[value.farbigkeit40].quan +=1;   
            }
            if(value.farbigkeit44 != undefined) {
                res[value.farbigkeit44] = res[value.farbigkeit44] || {quan:0};
                res[value.farbigkeit44].quan +=1;   
            }
            if(value.proof != undefined) {
                res[value.proof] = res[value.proof] || {quan:0};
                res[value.proof].quan +=1;  
            }
            if(value.eindruck != undefined) {
                res[value.eindruck] = res[value.eindruck] || {quan:0};
                res[value.eindruck].quan +=1;   
            }
        });
        return res;
    }
    console.log(countElements());
    $('#result').html(JSON.stringify(countElements(),null,4));

里面有第二个forEach。我试过了,但没有得到同样的结果。

代码语言:javascript
运行
AI代码解释
复制
["farbigkeit40","farbigkeit44","proof","eindruck"].forEach(function(p) {
            res[value.p]=res[value.p] || {quan:0};
            res[value.p].quan += 1;
            })
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-07-28 21:02:17

你就快到了。您应该使用value[p]而不是value.p

object.propobject中引用名为prop的属性。

object[prop]object中引用名为'value of‘的属性。

例如:p = 'farbigkeit44'value[p]value['farbigkeit44']一样,value.farbigkeit44也一样。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45380837

复制
相关文章
jQuery对象的使用
jQuery对象是由选择器选择的HTML元素的集合。它是一个类似数组的对象,可以对其进行遍历和操作。通过使用jQuery选择器选择元素后,将返回一个jQuery对象。
堕落飞鸟
2023/05/18
6860
JQuery Deferred对象使用小结
如下,打开页面时,获取默认选中的项目,同时也会初始化Combobox下拉框下拉列表数据
授客
2019/08/21
8210
JQuery Deferred对象使用小结
jQuery 元素操作
jQuery 元素操作主要讲的是用jQuery方法,操作标签的遍历、创建、添加、删除等操作。
星辰_大海
2020/10/09
2.7K0
jQuery 元素操作
jquery 元素尺寸
从上面的示例可以看到,使用width()和height()分别可以获取元素div的width和height的值。
Devops海洋的渔夫
2019/06/02
1.7K0
jQuery 元素操作
​ jQuery 元素操作主要讲的是用jQuery方法,操作标签的遍历、创建、添加、删除等操作。
梨涡浅笑
2022/05/08
1.9K0
jQuery 元素操作
jQuery 元素操作主要讲的是用jQuery方法,操作标签的遍历、创建、添加、删除等操作。
清出于兰
2020/10/26
1.4K0
jQuery 元素操作
基础 | 详细图解jQuery对象,以及如何扩展jQuery插件
作者|波同学 原文|http://www.jianshu.com/p/3f97570d22b4 早几年学习前端,大家都非常热衷于研究jQuery源码。我还记得当初从jQuery源码中学到一星半点应用技巧的时候常会有一种发自内心的惊叹,“原来JavaScript居然可以这样用!” 虽然随着前端的发展,另外几种前端框架的崛起,jQuery慢慢变得不再是必须。因此大家对于jQuery的热情低了很多。但是许多从jQuery中学到的技巧用在实际开发中仍然非常好用。简单的了解它也有助于我们更加深入的理解JavaScri
用户1097444
2022/06/29
6990
基础 | 详细图解jQuery对象,以及如何扩展jQuery插件
jQuery 事件对象、 jQuery 拷贝对象、jQuery 多库共存
​ jQuery 对DOM中的事件对象 event 进行了封装,兼容性更好,获取更方便,使用变化不大。事件被触发,就会有事件对象的产生。
梨涡浅笑
2020/10/27
2K0
jQuery对象
当创建新元素(或选择现有元素)时,jQuery返回集合中的元素。jQuery的许多开发人员都认为这个集合是一个数组。.length毕竟,它有一个零索引序列的DOM元素,一些熟悉的数组函数和一个属性。实际上,jQuery对象比这更复杂。
用户7293182
2022/01/18
1.1K0
jquery 筛选元素 (2)
.add()   创建一个新的对象,元素添加到匹配的元素集合中。   .add(selector)     selector 一个字符串表示的选择器表达式。找到更多的元素添加到匹配的元素集合。       $("p").add("div")   .add(html)     html       HTML片段添加到匹配的元素集合中。         $('li').add('<p id="new"> new paragraph</p>')   .add(elements
用户1197315
2018/01/19
1.3K0
jQuery - 添加元素
jQuery append() 方法在被选元素的结尾插入内容(仍然在该元素的内部)。
陈不成i
2021/07/22
2.7K0
jQuery操作DOM元素
作为一个后端程序员,也是要和前端页面打交道的。最常见的场景莫过DOM元素操作和前端页面使用AJAX向服务器发送请求。 实现上述两个功能当然可以使用原生js来完成,但在实际开发过程中很少这样做,通常会使用一些别人封装好的js库来辅助我们的工作,jQuery就是这些辅助库中的一员。
雪飞鸿
2018/09/05
2.7K0
jquery 筛选元素 (3)
.addBack()   添加堆栈中元素集合到当前集合中,一个选择性的过滤选择器。   .addBack([selector])     selector     一个字符串,其中包括一个选择器表达式,匹配当前元素集合,不包括在内的元素。     <ul>       <li>list item 1</li>       <li>list item 2</li>       <li class="third-i
用户1197315
2018/01/19
1.4K0
jQuery 选取元素概要
注意: 对于 jQuery 自定义的选择器,为了性能,先用 CSS 定义的选择器选,再从结果集中筛选时用 jQuery 自定义的选择器。如:
前端GoGoGo
2018/08/24
1.3K0
jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
指定元素中包含 id 属性的, 如: $("span[id]")  代码如下: <span id="span1" name="S1">AAA</span><br/>  <span id="span2" name="S2">BBB</span><br/>  <span name="Sx3">CCC</span><br/>  <span name="Sx4">DDD</span><br/>  <div id="div1" name="Dx1">EEE</div>  <div name="D2">FFF</div
hbbliyong
2018/03/06
1.6K0
jquery 筛选元素(1)
.eq()   减少匹配元素的集合为指定的索引的那一个元素。   .eq(index)     index一个整数,指示元素的位置,以0为基数。   $("li").eq(2).css('background-color', 'red')     //选择第三个元素将其 将其背景变成红色。   .eq(-index)     -index 一个整数,指示元素的位置,从集合中的最后一个元素开始倒数。   $("li").eq(-2).css('background-color'
用户1197315
2018/01/19
1.3K0
jQuery对象访问
( t h i s ) . g e t ( 0 ) 与 (this).get(0)与
IT工作者
2022/05/10
1.1K0
[jQuery笔记] jQuery对象操作
<!doctype html> <html> <head> <meta charset="utf-8"> <title>对象操作的使用</title> <script src="js/jquery-1.8.3.min.js"></script> </head> <body> // 加载图片 <img src="img/ftj.jpg" height="300" width="500"> <sc
行 者
2019/12/10
1.4K0
如何创建对象以及jQuery中创建对象的方式(推荐)
在实际使用当中,字面量创建对象虽然很有用,但是它并不能满足我们的所有需求,我们希望能够能够和其他后台语言一样创建一个类,然后声明类的实例就能够多次使用,而不用每次使用的时候都要重新创建它,于是,便有了工厂模式的出现。
晓歌
2018/08/15
5.1K0
如何创建对象以及jQuery中创建对象的方式(推荐)
jQuery事件对象
通常情况下,只有设置操作才能把链式编程延续下去。因为获取操作的时候,会返回获取到的相应的值,无法返回 jQuery对象。
Qwe7
2022/04/17
1.5K0

相似问题

计算json对象元素jquery

10

如何使用jquery计算<tr>元素

719

如何使用JQuery获取元素对象?

45

如何计算jQuery对象中特定类型的所有元素?

24

使用对象使用jquery进行计算

20
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文