首页IT科技js遍历对象的所有属性(js中遍历对象数组并获取对象相应的属性值)

js遍历对象的所有属性(js中遍历对象数组并获取对象相应的属性值)

时间2025-06-20 21:29:11分类IT科技浏览6897
导读:JavaScript中遍历对象数组的方法有很多种。以下是常见的四种常见的方法:for​循环,for...of​循环,forEach​方法和map​方法,在遍历的同时,通过访问对象的属性来获取相应的值。...

JavaScript中遍历对象数组的方法有很多种               。以下是常见的四种常见的方法:for​循环               ,for...of​循环                     ,forEach​方法和map​方法        ,在遍历的同时            ,通过访问对象的属性来获取相应的值                       。

​for​循环:

const objArray = [ { id: 1, name: Alice }, { id: 2, name: Bob }, { id: 3, name: Charlie }, ]; for (let i = 0; i < objArray.length; i++) { const obj = objArray[i]; console.log(obj.id, obj.name); }

​for...of​循环:

const objArray = [ { id: 1, name: Alice }, { id: 2, name: Bob }, { id: 3, name: Charlie }, ]; for (const obj of objArray) { console.log(obj.id, obj.name); }

​forEach​方法:

const objArray = [ { id: 1, name: Alice }, { id: 2, name: Bob }, { id: 3, name: Charlie }, ]; objArray.forEach((obj) => { console.log(obj.id, obj.name); });

​map​方法(通常用于创建一个新数组                     ,但也可以用于遍历):

const objArray = [ { id: 1, name: Alice }, { id: 2, name: Bob }, { id: 3, name: Charlie }, ]; objArray.map((obj) => { console.log(obj.id, obj.name); return obj; });

以上方法都可以实现在遍历对象数组的同时            ,提取对象中的属性值      。‍

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
web购物网站设计报告(Web大学生网页作业成品——易购商城网站设计与实现(HTML+CSS+JavaScript))