数组和对象访问
什么是对象?
对象用于存储各种数据和更复杂实体的键控集合。对象是变量,但它们可以包含许多值。可以使用括号创建对象,括号可以为空,也可以用键/值对填充。键是一个字符串,也称为属性名称,值可以是与键相关的任何内容。键/值对是无序的。对象可以存储其他对象、函数、原始数据类型和数组。
对象字面量是一个空对象。
var user = {};
var user = { name: 'Carol', age: 30, occupation: 'Teacher' };
点表示法和括号表示法
您可以通过其键访问 value 属性。您可以修改键的现有属性的值。您可以向对象添加新属性。
对象上的点表示法
对象上的点符号将使您能够访问对象的键和方法。点表示法是用对象名称 dot(.) 编写的键/属性。
对象.key
var user = { name: 'Carol', age: 30, occupation: 'Teacher' }; console.log(user.name); //output "Carol"
使用object.key修改对象
var user = { name: 'Carol', age: 30, occupation: 'Teacher' }; user.name = 'Bonnie' console.log(user); // //output name: '"Bonnie", age: 30, occupation: "Teacher"
使用 object.key 添加到对象
var user = { name: 'Carol', age: 30, occupation: 'Teacher' }; user.favColor = 'Red' console.log(user); //output age: 30, name: "Carol", occupation: "Teacher", favColor: "Red"
对象上的括号表示法
此表达式允许您使用包含属性名称的字符串(用引号引起来)或变量来访问对象属性。当无法使用点表示法时,这很有用。与点表示法不同,括号表示法允许您使用变量作为属性名称
对象['表达式'];
var user = { name: 'Carol', age: 30, occupation: 'Teacher' }; console.log(user['name']);//output "Carol"
修改对象
var user = { name: 'Carol', age: 30, occupation: 'Teacher' }; user['name'] = 'Bonnie' console.log(user); //output name: 'Bonnie', age: 30, occupation: 'Teacher' };
添加到对象
var user = { name: 'Carol', age: 30, occupation: 'Teacher' }; user['favColor'] = 'Red' console.log(user); //output name: 'Carol' age: 30 occupation: 'Teacher' user['favColor'] = 'Red' };
什么是数组?
数组可以保存不同的值,包括数字、字符串、布尔值和 null。数组中的每个值称为元素,每个元素都可以通过从 0 开始的索引来访问。索引将给出元素的位置。元素括在方括号 ([]) 中并用逗号分隔。
空数组文字
var user =[]
index: 0 1 2 var user = [1, 'Carol', true, ];
1 是一个数字,位于零索引处。
'Carol' 是字符串,位于第一个索引处。
True 是一个布尔值,它位于第三个索引。
数组方法是内置于 JavaScript 方法中的,您可以在其中添加、删除和修改元素。
.push() 允许您将元素添加到数组的末尾。
var vegetables = ['spinach', 'broccoli', 'green beans', 'kale']; vegetables.push('cauliflower') console.log(vegetables) //output var vegetables = ['spinach', 'broccoli', 'green beans', 'kale', 'cauliflower'];
.pop() 允许您删除数组末尾的值。
var vegetables = ['spinach', 'broccoli', 'green beans', 'kale', 'cauliflower']; vegetables.pop() console.log(vegetables); //output var vegetables = ['spinach', 'broccoli', 'green beans', 'kale'];
.unshift() 允许您将值添加到数组的前面。
var vegetables = ['spinach', 'broccoli', 'green beans', 'kale']; vegetables.unshift('Brussel sprouts'); console.log(vegetables); //output var vegetables = ['Brussel sprouts', 'spinach', 'broccoli', 'green beans', 'kale'];
.shift() 允许您删除数组前面的值。
var vegetables = ['Brussel sprouts', 'spinach', 'broccoli', 'green beans', 'kale']; vegetables.shift(); console.log(vegetables); //output var vegetables = ['spinach', 'broccoli', 'green beans', 'kale'];
.length() 属性允许获取数组中的项目数。
var user = {};
数组上的括号表示法
您可以使用括号表示法和索引来获取数组中元素的值。
索引从 0 开始,这将给出第一个元素,索引 1 将给出第二个元素,然后是下一个元素。
var user = { name: 'Carol', age: 30, occupation: 'Teacher' };
结论
数组和对象都是 JavaScript 中的集合,可以在其中操作值。数组是原始数据类型的有序集合,您可以使用从零开始的索引访问每个元素。数组方法用于添加、删除或修改带有点表示法的数组。括号表示法以及用于访问每个元素的从零开始的索引。对象是无序复杂数据类型的集合,使用键来访问值。点表示法用于简单的键,方括号表示法用于更复杂的键。
参考文献:
1.https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
2.https://www.w3schools.com/js/js_arrays.asp
3.https://javascript.info/array
以上是数组和对象访问的详细内容。更多信息请关注PHP中文网其他相关文章!

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

JavaScript是现代Web开发的基石,它的主要功能包括事件驱动编程、动态内容生成和异步编程。1)事件驱动编程允许网页根据用户操作动态变化。2)动态内容生成使得页面内容可以根据条件调整。3)异步编程确保用户界面不被阻塞。JavaScript广泛应用于网页交互、单页面应用和服务器端开发,极大地提升了用户体验和跨平台开发的灵活性。

Python和JavaScript开发者的薪资没有绝对的高低,具体取决于技能和行业需求。1.Python在数据科学和机器学习领域可能薪资更高。2.JavaScript在前端和全栈开发中需求大,薪资也可观。3.影响因素包括经验、地理位置、公司规模和特定技能。

学习JavaScript不难,但有挑战。1)理解基础概念如变量、数据类型、函数等。2)掌握异步编程,通过事件循环实现。3)使用DOM操作和Promise处理异步请求。4)避免常见错误,使用调试技巧。5)优化性能,遵循最佳实践。

如何在JavaScript中将具有相同ID的数组元素合并到一个对象中?在处理数据时,我们常常会遇到需要将具有相同ID�...

实现视差滚动和元素动画效果的探讨本文将探讨如何实现类似资生堂官网(https://www.shiseido.co.jp/sb/wonderland/)中�...

JavaScript的最新趋势包括TypeScript的崛起、现代框架和库的流行以及WebAssembly的应用。未来前景涵盖更强大的类型系统、服务器端JavaScript的发展、人工智能和机器学习的扩展以及物联网和边缘计算的潜力。

深入探讨console.log输出差异的根源本文将分析一段代码中console.log函数输出结果的差异,并解释其背后的原因。�...
