js遍历对象(js遍历对象的所有属性)

js 遍历对象的3种方法

第一种： 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])    })

输出结果：

js遍历对象用for in比较好。

js遍历对象(js遍历对象的所有属性)相关推荐

[js] 写一个方法遍历指定对象的所有属性
[js] 写一个方法遍历指定对象的所有属性 Object.keys().Object.values()只能遍历对象自有的属性,for in 可以遍历原型中的属性. 个人简介我是歌谣,欢迎和大家一起交 ...
js遍历对象、遍历数组、js数组方法大全、区分map()和forEach()以及filter()、区分for...in...和for...of...
1.给对象添加属性:使用 object.prop 或object['prop'] 给对象添加属性 let obj={};obj.name="zhangsan";obj[" ...
JS遍历(循环)——JS对象遍历(循环)JS数组遍历(循环)
最近在处理一些偏逻辑的代码块经常遇到遍历问题,接下来跟大家一起温习一下有关于JS的遍历吧. js数组遍历 1.for循环 //不缓存 var arr = [5,2,0,1,3,1,4]; for ( ...
遍历和添加json对象的属性和遍历普通js对象的属性
1. 遍历 json 对象的属性 //定义json对象 var person= { name: 'zhangsan', pass: '123', fn: function(){ alert(this. ...
JS数组与对象的遍历方法大全
本文简单解析各种数组和对象属性的遍历方法: 原生for循环.for-in及forEach ES6 for-of方法遍历类数组集合 Object.key()返回键名的集合 jQuery的$.each() ...
js遍历map(js遍历map对象)
javascript怎么遍历map var map = new HashMap(); map.put(a,1); map.put(b,2); 遍历: var key = map.keySet(); f ...
JS 查看标签下某元素所有信息（查看元素，查询元素，遍历元素、HTMLCollection对象、NodeList对象）
NodeList 对象是一个从文档中获取的节点列表 (集合) . NodeList 对象类似 HTMLCollection 对象. 一些旧版本浏览器中的方法(如:getElementsByClassN ...
如何遍历或枚举JavaScript对象？
我有一个如下的JavaScript对象: var p = {"p1": "value1","p2": "value2", ...
JS中的函数,Array对象,for-in语句,with语句,自定义对象,Prototype
一)函数 A)JS中的函数的定义格式: function add(a,b) { var sum = a+b; document.write("两个数的和是:" + sum); // ...
2.JS执行上下文和变量对象
文章目录执行上下文栈函数上下文变量对象执行过程进入执行上下文代码执行两个例子 1 2 JS 是单线程语言,因此执行顺序是顺序执行,不过 JS 引擎在执行 JS 代码的时候并不是逐行执 ...

js遍历对象(js遍历对象的所有属性)

js 遍历对象的3种方法

js遍历对象(js遍历对象的所有属性)相关推荐

最新文章

热门文章

js遍历对象(js遍历对象的所有属性)

​​js 遍历对象的3种方法​​

js遍历对象(js遍历对象的所有属性)相关推荐

最新文章

热门文章

js 遍历对象的3种方法