js对象属性通过点(.) 和方括号([]) 的区别

您所在的位置：网站首页 › 脚注加方括号和不加方括号一样吗 › js对象属性通过点(.) 和方括号([]) 的区别

js对象属性通过点(.) 和方括号([]) 的区别

2024-07-16 08:18| 来源: 网络整理| 查看: 265

一、概念区别

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

2、[]中括号法–可以用数字作为属性名,而点语法不可以;

var obj={}; //obj.1=1; //Unexpected number obj[2]=2; //console.log(obj.1) console.log(obj[2]);//2 //console.log(obj.2) console.log(obj)//{2: 2}

3、 [] 可以动态访问的属性名，在程序运行时创建和修改属性，点操作符不行！

//( []--可以动态设置和获取) var customer={}; var addr=['北京','上海','广州','深圳']; for(i=0;i

【本文地址】

js对象属性通过点(.) 和方括号([]) 的区别

js对象属性通过点(.) 和方括号([]) 的区别

今日新闻

推荐新闻

js对象属性 通过点(.) 和 方括号([]) 的区别

js对象属性 通过点(.) 和 方括号([]) 的区别

今日新闻

推荐新闻

js对象属性通过点(.) 和方括号([]) 的区别

js对象属性通过点(.) 和方括号([]) 的区别