javaScript访问对象属性应该用点号还是中括号？

最新推荐文章于 2023-06-06 10:20:20 发布
原创 最新推荐文章于 2023-06-06 10:20:20 发布 · 3k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了JavaScript中通过点操作符和中括号操作符访问对象属性的两种方式，并探讨了它们在不同场景下的应用，特别是中括号操作符在动态设置属性及属性名不是有效变量名情况下的使用。

JavaScript中有两种方式来访问对象的属性，点操作符或者中括号操作符。

两种语法是等价的，但是中括号操作符在下面两种情况下依然有效 - 动态设置属性 - 属性名不是一个有效的变量名。

点号后加标识符（静态的）;
中括号放字符串，字符串可以是动态的，obj['string'+variable];
如果是静态的还是用点号方便;

浅谈JS使用[ ]来访问对象属性
10-21
此外，方括号记法还可以用于访问嵌套的对象属性，只需要用点号记法和方括号记法结合即可： ```javascript let obj = { person: { name: 'John', age: 30 } }; console.log(obj.person.name); // 输出 "John" ...
盘点javascript 正则表达式中 中括号的【坑】
10-22
在JavaScript中使用正则表达式时，字符组（也就是中括号）是一个常用的构造，它允许我们指定一个字符集合，匹配输入字符串中的任何一个字符。字符组常用于匹配字符串中的单个字符。不过在使用中括号时，需要注意其中...
java对象数组调用属性_JavaAcript 数组对象常用属性
weixin_31597759的博客
03-08 446
concat()用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。var a = ["aa","ccc"];var b = ["vv","mm"];var c = ["123"];var d = a.contac(b,c); ==> ["aa","ccc","vv","mm","123"]every()用于检测数组所有元素是否都符合指定条件(通过函数提供)...
获取对象属性的点方法和中括号法的区别
weixin_30378311的博客
03-29 280
转行干前端也有一段时间了,闲暇之余来复习一下原生js,总结一下碰到的一些疑问或者问题,我是小白,有不到位之处请指正; 不废话,一般访问对象的属性,我们可以用点方法或者中括号法来获取,简单实例如下: var obj = {'name':'张三','age':'18'}; var getName = obj.name;//点方法 var getAge = obj['age'];//中括号法...
js中调用函数时加不加括号的问题
asdf19890920的博客
06-05 190
转自: http://blog.sina.com.cn/s/blog_85295a390100xzxn.html 其实总结起来如下：函数只要是要调用它进行执行的，都必须加括号。此时，函数()实际上等于函数的返回值。当然，有些没有返回值，但已经执行了函数体内的行为，这个是根本，就是说，只要加括号的，就代表将会执行函数体代码。不加括号的，都是把函数名称作为函数的指针，用于传参...
取对象的属性时，用“.”还是“[]”
weixin_34352449的博客
09-07 129
取对象的属性时，用“.”还是“[]” 例1： function phoneticLookup(val) { 　　var result = ""; 　　var lookup = { 　　　　"alpha":"Adams", 　　　　"bravo":"Boston", 　　　　"charlie":"Chicago", 　　　　"del...
论JSON的重要性☞异步上传过程中data取多组值的方法
weixin_30645617的博客
12-20 156
异步上传取多组值一起post改变属性 如图： 看图说话 中括号运算符总是能代替点运算符。但点运算符却不一定能全部代替中括号运算符。中括号运算符可以用字符串变量的内容作为属性名。点运算符不能。中括号运算符可以用纯数字为属性名。点运算符不能。中括号运算符可以用js的关键字和保留字作为属性名。点运算符不能。 转载于:https://www.cnblogs.com...
《JS 对象基本用法》
薛剑文大大的博客
12-12 506
对象定义 无序的数据集合 键值对的集合 声明对象的语法 语法：两种声明方式 let obj = {'name':'Jack','age':18} //方式一 let obj = new Object({'name':'Jack'}) //方式二 注意：键名是字符串，不是标识符，可以包含任意字符；引号可省略，省略之后就只能写标识符了。 没有数字键名！！键名是字符串！！ 细节： 用Object.keys(obj)可以打印出obj的所有key。 如果想用变量的值作..
JavaScript中对象property的读取和写入方法介绍
10-24
JavaScript提供了两种基本的访问对象property的方法：点号操作符（`. `）和中括号操作符（`[]`）。 1. **点号操作符**：用于访问已知名称的property，例如： ```javascript var o = {x:1, y:2}; console.log(o.x...
浅谈Javascript中的对象和继承
12-08
- 查：访问属性，可以使用点号或方括号语法，如`person.property`或`person['property'];` 原型（Prototype）是理解JavaScript继承的关键。每个函数对象都有一个`prototype`属性，它定义了由该构造函数创建的对象的...
js-对象属性--点方式与中括号方式
qq_38827598的博客
09-09 523
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
获取js对象属性两种方法 点访问.或者中括号[]方式的区别
qq_44471588的博客
08-19 759
js对象就像是json格式的key-value键值对，json对象key是加引号的，但是从对象角度来看，属性是不加引号的，如果要加只是为了将其视为整体。所以通常来说两种访问方式无区别，但是点访问那些含有特殊字符的就会解析错误，如把横杠解析为减号等问题。
javaScript 访问对象属性的两种方式和中括号[]的形式
-
11-11 2917
在JavaScript中，可以使用“ . ”点 和“ [ ] ”中括号 两种方式来访问对象的属性： objectName.propertyName; // “ . ” 点 objectName["propertyName"] // “ [] ” 中括号 “ . ”点 和“ [ ] ”中括号的不同之处： 点操作符: 静态的。 右侧必须是一个以属性名称命名的简单标识符。 属性名用一个标...
js访问器属性
qq_40859799的博客
10-12 406
访问器属性不包含数据值：它们是一对儿getter和setter函数但是这两个函数不是必需的；读取访问属性时候会用到getter函数用来返回有效的值，写入访问属性时候会用到setter函数用来传入新的值；访问属性有如下四个特点：1、[[Configurable]]：表示能否通过删除属性的特性来重新定义一个新的属性；而对于直接在对象上定义的属性，这个特性默认为true； 2、[[Enumerable]...
点符号与括号符号
lio-zero 的博客
07-22 362
访问对象属性 有两种方法可以访问对象属性：点(.)和括号([])。 const obj = { name: 'value' } // 点符号 obj.name // 'value' // 括号符号 obj['name'] // 'value' 两个符号都可以访问对象属性。但问题往往是我们应该使用哪一个????。这里不需要多做思考，只需要遵循 Airbnb JavaScript 的风格指南即可。 ...
JS中对象用点(.)和方括号([])的区别
m0_66333906的博客
04-08 5158
在JS中，我们取对象的属性值一般都是用点（.）表示，如Person.name，Person.age，但是有时候也会遇到Person[name]这种，那么他们具体有什么区别呢？ 用例子展示： 1、中括号语法可以用变量作为属性名或者访问，而点语法不可以; // 例1 var obj = {}; obj.name = '小王'; var MyName = 'name'; console.log(obj.name); //小王 console.l...
分享 5 种在 JS 中访问对象属性的方法
前端达人
06-06 6030
在 JavaScript 中，对象是语言的基本组成部分，广泛用于表示数据结构。对象由保存值的属性组成。为了访问这些属性，JavaScript 提供了多种方法。在本文中，我们将探索5种不同的方式来访问 JavaScript 中的对象属性。1.点属性点属性访问器是在 JavaScript 中访问对象属性的最常见和最直接的方式。它使用点 (.) 表示法来访问对象的特定属性。const person = ...
js对象属性 通过点(.) 和 方括号([]) 的不同之处
余百炼的博客
10-09 3090
1.0 javascript访问对象属性有两种方法，第一是点符号法，第二是方括号表示法，括号之间的值可以是任何表达式。因此，如果属性名称存储在变量中，则可以使用括号表示法。 在javascript中，我们使用以下两种方法访问对象属性： 点符号 - foo.bar 方括号 - foo[someVar]或foo["string"] 但只有第二种情况允许动态访问属性： var foo = {...
JavaScript访问对象的属性和方法
weixin_33736649的博客
10-19 772
对象的属性和方法统称为对象的成员。访问对象的属性在JavaScript中，可以使用“ . ”和“ [ ] ”来访问对象的属性。二者区别：“ . ”表示法一般作为静态对象使用时来存取属性。而“[ ]”表示法在动态存取属性时就非常有用。var object = {name:'xiaoming',age:29}; var name1 = object.name; var name2 = object['...
简述JavaScript中对象的属性如何使用
04-04
JavaScript中对象的属性可以通过点号或方括号语法来使用。 使用点号语法，可以通过对象名加上属性名来访问对象的属性，例如： ```javascript var person = { name: "Alice", age: 25, gender: "female" }; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值