js操作对象属性用点和用中括号有啥不同？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js操作对象属性用点和用中括号有啥不同？相关的知识，希望对你有一定的参考价值。
比如：
var a = ;
有时候要用：
a.b = 1;
c = a.b;
alert(c);
可是有时候却要用：
a[b] = 1;
c = a[b];
alert(c);
这两种写法有什么区别吗
那为什么有时候只有前者能用或是后者能用？
一、功能不同
1、用点：表示定义一个对象，大部分情况下要有成对的属性和值，或是函数。
2、用中括号：表示一个数组，也可以理解为一个数组对象。
二、语法不同
1、用点： var LangShen = "Name":"Langshen","AGE":"28"。langShen.Name。在JSON数据结构、写函数组的时候中经常用。
2、用中括号：var LangShen = [ "Name","LangShen","AGE","28" ]；每个值或函数，都是独立的，多个值之间只用,（逗号）隔开，因为是数组对象。
三、访问方式不同
1、用点：对象，访问时，用.（点）来层层访问。
2、用中括号：访问时，也是和数组一样，alert( LangShen[0] );
参考资料来源：百度百科-javascript
参考技术A var test =name:1用点的时候，后面需要是一个指定的属性名称,譬如说 test.name,不需要用引号括起来，因为默认name就是test里面的属性，但是如果写 var obj = name 。test.obj就是不正确的，因为obj这个时候是被当成一个固定的字符串，不是变量。
用中括号的时候 ，括号里面可以是变量或者字符串，譬如说，var obj = "name",test[obj]会自动识别成obj["name"]，因为中括号会计算一次生成字符串访问。当然可以直接写obj["name"]，
其实 test.name 最终也会按照 test["name"]去执行的
所以用点的时候后面一定要是一个指定的 属性名，用[]时候后面一定是一个变量或者固定属性名的字符串。
有误请指正，谢谢！ 参考技术B
中括号运算符总是能代替点运算符。但点运算符却不一定能全部代替中括号运算符。
中括号运算符可以用字符串变量的内容作为属性名。点运算符不能。
中括号运算符可以用纯数字为属性名。点运算符不能。
中括号运算符可以用js的关键字和保留字作为属性名。点运算符不能。
ps:点号后加标识符（静态的）
中括号放字符串，字符串可以是动态的，obj['string'+variable]
如果是静态的还是用点号方便
中括号运算符可以用字符串变量的内容作为属性名。点运算符不能。
中括号运算符可以用纯数字为属性名。点运算符不能。
中括号运算符可以用js的关键字和保留字作为属性名。点运算符不能 参考技术D 不考虑[]用作数组或集合下标使用的情况，单针对某个对象，这两种写法本质是一样的。
但是第2种写法可以使用变量作为属性名，在实际使用过程中非常灵活，比如可以写出很通用的代码，而不用考虑具体对象的结构。追问
那为什么有时候，用点才能取到值，有时候却要用中括号呢？
追答不考虑[]用作数组或集合下标使用的情况，单针对某个对象，这两种写法本质是一样的。
你能举个例子, 只能用点或只能用中括号取属性值吗?
js对象属性 通过点(.) 和 方括号([]) 的不同之处
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body>
</body> </html> <script>
// js对象属性 通过点(.) 和 方括号([]) 的不同之处 // 1、点操作符: 静态的。右侧必须是一个以属性名称命名的简单标识符。属性名用一个标识符来表示。标识符必须直接出现再js程序中， //它们不是数据类型，因此程序无法修改它们。 // 2、中括号操作符: 动态的。方括号里必须是一个计算结果为字符串的表达式，属性名通过字符串表示。字符串是js的数据类型， //再程序运行时可以修改和创建它们。 // 主要有以下区别： //1、[]--可以用变量作为属性名或访问,而点方法不可以;
var obj = {}; obj.name = ‘张三‘; var myName = ‘name‘; console.log(obj.myName);//undefined,访问不到对应的属性 console.log(obj[myName]);//张三
var person = { name:‘gogo‘ }; console.log(person["name"]);//gogo console.log(person.name); //gogo // 优点：1,可以通过变量来访问属性 var propertyName = ‘name‘; console.log(person[propertyName]); //gogo var propertyName2 = ‘name2‘; console.log(person[propertyName2]); //undefined
//2、[]中括号法--可以用数字作为属性名,而点语法不可以; var obj1={}; // obj1.1=1;//Unexpected number obj1[2]=2; // console.log(obj1.1) console.log(obj1[2]);//2 // console.log(obj1.2) console.log(obj1)//{2: 2}
// 3, [] 可以动态访问的属性名，可以在程序运行时创建和修改属性，点操作符就不行！ // （ 即 []--可以动态设置和获取) var customer={}; var addr=[‘北京‘,‘上海‘,‘广州‘,‘深圳‘]; for(i=0;i<4;i++){ customer["address"+i]=addr[i]; } console.log(addr); console.log(customer); var str = ""; for(i=0;i<4;i++){ str += customer["address" + i] + " "; } console.log(str);
//4,如果属性名中包含会导致语法错误的字符，或者属性名是关键字或者保留字，也可以使用方括号表示法。 //如：(属性名是关键字或者保留字--都可以点语法不严密，不报错，写法提示有错) person[‘first name‘] =‘gogo2‘; //first name包含一个空格 console.log(person[‘first name‘]); // console.log(person.first name)//书写都通不过 person[‘for‘] =‘gogo_for‘; //first name包含一个空格 person.if =‘gogo_if‘; //first name包含一个空格 console.log(person[‘for‘]);//gogo_for console.log(person.for);//gogo_for console.log(person[‘if‘]);//gogo_if console.log(person.if);//gogo_if
//简单利用：在数组原型链上增加一个去重得的方法，并能实现链式写法。 Array.prototype.myDistinct=function () { var obj={}; for(vari=0;i<this.length;i++){ var cur=this[i]; if(obj[cur]==cur){//对象的属性名不能重复，重复就是修改；让对象的属性名和属性值相同，借以保存不重复的数组元素 //--中括号法可以用数字作为属性名,而点语法不可以; this[i]=this[this.length-1]; this.length--; i--; continue; } obj[cur]=cur; } // console.log(obj);//{2: 2, 3: 3, 4: 4, 5: 5} obj=null; return this;
}; var arr=[5,3,3,4,5,4,2]; arr.myDistinct().sort().pop(); console.log(arr);//[2, 3, 4] var arr1=[3,‘a‘,4,5,4,‘b‘,‘a‘]; console.log(arr1.myDistinct());//[3, "a", 4, 5, "b"]
</script> |
以上是关于js操作对象属性用点和用中括号有啥不同？的主要内容，如果未能解决你的问题，请参考以下文章