js遍历对象的常用方法，解析json

2021-10-30 网页编程网 网页编程网

<!Doctype html>
<html>
<head>
<meta charset = "utf-8">
<title>使用for-in遍历JSON解析后得到的对象属性</title>
<script>
//1.用JSON
var json = '{"age":8,"company":"XXX公司", "city":["广州","深圳","珠海"],'+
                   '"ceo":{"firstName":"Jason","lastName":"Hunter"}}'
var obj = JSON.parse(json)
var num = 0
for(var item in obj){
   num++
   console.log('第' + num + '个条目名称＝' + item + '，它的值如下：')
   console.log(obj[item]) 
}
//2.for in
var person={fname:"Bill",lname:"Gates",age:56}
for (x in person){
console.log(x+'-'+person[x])
}
//3.let
const ob = {
            id:1,
            name:'zhangsan',
            age:18
}
for(let key  in ob){
console.log(key+'-'+ob[key])
}
//使用 for-in 可以遍历一个 JS 对象的所有属性，例如使用 for-in 遍历 window 内置对象的属性，如下
for(var attr in window){
   //  console.log(attr + ": " + window[attr]);
}

//4.Object.keys（obj）与Object.values（obj）
//要返回其枚举自身属性的对象
//obj：要返回其枚举自身属性的对象
//返回值：一个表示给定对象的所有可枚举属性的字符串数组。
const ob2= {
　　　　id:1,
　　　　name:'zhangsan',
　　　　age:18
}
console.log(Object.keys(ob2))
console.log(Object.values(ob2))
//输出结果： obj对象的key组成的数组
//['id','name','age']
//输出结果：obj对象的value组成的数组
//['1','zhangsan','18']
//5.使用Object.getOwnPropertyNames(obj)
//返回一个数组，包含对象自身的所有属性（包含不可枚举属性）
//遍历可以获取key和value
const ob3 = {
           id:1,
           name:'zhangsan',
           age:18
    }
Object.getOwnPropertyNames(ob3).forEach(function(key){
     console.log(key+ '---'+ob3[key])
})
</script>
</head>
<body>
</body>
</html>

阅读原文

阅读 3066

123 显示电脑版