JS 访问对象中数据易错点总结

最新推荐文章于 2025-04-18 16:08:28 发布

原创最新推荐文章于 2025-04-18 16:08:28 发布 · 118 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

JS 专栏收录该内容

6 篇文章

订阅专栏

本文总结了JavaScript中访问对象数据的常见错误及正确方法，并通过示例详细解释了如何使用方括号[]和点符号.来访问对象属性。此外，还介绍了如何将对象转化为哈希表中的属性。

JS 访问对象中数据易错点总结
1.1访问Hash中的键值
例1：
var age = {'Tom':18,'Jack':19};
查询哈希表中的'Jack'的数据：
var data = age['Jack'];
var data=age. 'Jack'[color=blue]//错误的方式。当属性为字符串时，只能采用[]的方式[/color]
例2：
var stu_info = {name:'王雪',age:20,num:123,math_score:136};
查询哈希表中的math_score的数据：
var num_math_score=stu_info.math_score;
var num_math_score=stu_info['math_score'];
var num_math_score =stu_info[math_score];[color=blue]//错误方式[/color]
[color=blue]当属性为变量时，两种方式都可以采用，但采用[]方式时必须给变量名加引号。[/color]
1.2将对象转化为另一个Hash中某一个属性。
var inputs=[ 'ITEM000001', 'ITEM000001', 'ITEM000001', 'ITEM000005', 'ITEM000005'];
var barcode_count={};
统计inputs数组中重复元素的个数并存为键值对：
forEach(inputs,function(barcode){
if(!barcode_count[barcode]){
barcode_count[barcode]=1;
[color=blue]//将字符串'ITEM000001'转化为barcode_count 哈希中的一个属性ITEM000001。[/color]
}else{
barcode_count[barcode]++;
}
})