JS对象Object用法总结

最新推荐文章于 2026-06-18 14:51:39 发布

原创最新推荐文章于 2026-06-18 14:51:39 发布 · 195 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #前端 #开发语言

一小时学完es6技术—分享es6技术及经验专栏收录该内容

6 篇文章

订阅专栏

本文总结了JavaScript中Object对象的遍历方法，包括常规对象、对象嵌套对象和对象嵌套数组的处理。通过Object.entries方法，可以获取对象的key-value对，并能进行深层次遍历，适合于理解和操作复杂的数据结构。

1、获取对象的key及value值—Object.entries

1.1 常规对象

const obj = {
    id:1,
    name:'张三',
    age:20
}
for(const [key, value] of Object.entries(obj)){
    console.log('key=',key, '-----value=', value)
}

输出结果：

key= id -----value= 1
main.ts:28 key= name -----value= 张三
main.ts:28 key= age -----value= 20

1.2 对象嵌套对象

const obj = {
    '学号20230001': {name:'张三', age: 20},
    '学号20230002': {name:'李四', age: 20},
    '学号20230003': {name:'王五', age: 20},
}
for(const [key, value] of Object.entries(obj)){
    console.log('key=',key, '-----value=', value)
}

输出结果：

key= 学号20230001 -----value= {name: '张三', age: 20}
main.ts:28 key= 学号20230002 -----value= {name: '李四', age: 20}
main.ts:28 key= 学号20230003 -----value= {name: '王五', age: 20}

可深层次遍历，循环遍历，取value中的key及value

1.3 对象嵌套数组

const obj = {
    '一班': [{id:1, name:'张三', age: 20},{id:2, name:'李四', age: 20}],
    '二班': [{id:1, name:'张三二', age: 20},{id:2, name:'李四二', age: 20}]
}
for(const [key, value] of Object.entries(obj)){
    console.log('key=',key, '-----value=', value)
}

输出结果：

key= 一班 -----value=

(2) [{…}, {…}]
0: {id: 1, name: '张三', age: 20}
1: {id: 2, name: '李四', age: 20}
key= 二班 -----value=

(2) [{…}, {…}]
0: {id: 1, name: '张三二', age: 20}
1: {id: 2, name: '李四二', age: 20}

可深层次遍历，循环遍历，取value中的key及value