js 遍历对象的几种方法

第一种： for......in

const obj = {id:1,name:'zhangsan',age:18}for(let key  in obj){console.log(key + '---' + obj[key])}

输出结果：

第二种：

1）、Object.keys（obj）

2）、Object.values（obj）

参数：

obj：要返回其枚举自身属性的对象

返回值：

一个表示给定对象的所有可枚举属性的字符串数组。

const obj = {
　　　　id:1,
　　　　name:'zhangsan',
　　　　age:18
}

console.log(Object.keys(obj))

console.log(Object.values(obj))

输出结果： obj对象的key组成的数组

['id','name','age']

输出结果：obj对象的value组成的数组

['1','zhangsan','18']

第三种：使用Object.getOwnPropertyNames(obj)

返回一个数组，包含对象自身的所有属性（包含不可枚举属性）遍历可以获取key和value

const obj = {id:1,name:'zhangsan',age:18}Object.getOwnPropertyNames(obj).forEach(function(key){console.log(key+ '---'+obj[key])})

输出结果：

转载于:https://www.cnblogs.com/best-coder/p/11550422.html

js 遍历对象的几种方法相关推荐

js遍历对象的几种方法
js遍历对象的几种方法第一种: for......in const obj = {id:1,name:'zhangsan',age:18 }for(let key in obj){console.l ...
JS遍历对象的七种方法
我根据阮老师的<ES6标准入门>学习并总结了七种遍历对象的方法,我会将分别介绍这七种方法并进行详细的区分,并将从属性可枚举性问题与遍历方法两个大方面讲述全文,其中可枚举性是掌握遍历对象之前 ...
js中遍历对象的几种方法
一.前言我们知道,在js的对象中,有下面几种属性: 可枚举属性不可枚举属性从原型链上继承的属性以Symbol作为key值今天,我们就来谈一谈如何遍历这些属性. 二.遍历可枚举属性首先, ...
Javascript 遍历对象的四种方法
方法一: for - in 循环遍历对象自身的和继承的可枚举属性 (循环遍历对象自身的和继承的可枚举属性(不含Symbol属性)) 方法二: 使用Object.keys()遍历 (返回一个数组,包括对 ...
JS遍历数组的几种方法
1.普遍的遍历方式 for(var i= 0;i<arr.length;i++){console.log("第一种遍历方式:"+arr[i]); } 2.for-in两个形参 ...
JS遍历数组的12种方法
一. for 普通版 for (let i = 0; i < arr.lengthl; i++) {// ... } 优化版 // 使用临时变量,将长度缓存起来,避免重复获取数组长度,当数组较大 ...
js 循环对象的四种方法
1.for in let obj = {'name': 'cookie','age': 18 }for (let key in obj) {console.log(key); // name agec ...
js遍历对象(js遍历对象的所有属性)
js 遍历对象的3种方法第一种: for......in const obj = { id:1, name:'zhangsan', age:18 } for(let key i ...
遍历对象属性_细说JS遍历对象属性的N种方法
本人详细介绍了JS遍历对象N种方法,欢迎关注收藏. 遍历对象属性有五种方法,下图为一个场景对比图. 可以注意到两点: 只有for ... in 才可以遍历原型链属性,且只能遍历可枚举属性. Objec ...

js 遍历对象的几种方法

js 遍历对象的几种方法相关推荐

最新文章

热门文章