js中遍历对象,同时得到key与value的几种方法

1、Object.keys()

const testData = { 
  name: '小王',
  age: '永远年轻',
}

Object.keys(testData ).map(key => {
  console.log(testData[key]) 
})


//Object.keys() 返回对象自身的所有可枚举的属性并以数组形式返回 即:[name,age]
//Object.values() 返回对象自身所有可枚举的属性值,并以数组形式返回:[小王,永远年轻]

2、使用lodash库实现

import lodash from 'lodash'

const testData = { 
  name: '小王',
  age: '永远年轻',
}

lodash .map(person, (item, key) => {
	console.log(key,item)
})

//name 小王
//age 永远年轻

3、Object.entries方法 

const testData = { 
  name: '小王',
  age: '永远年轻',
}

for (const [key, value] of Object.entries(testData)) {
  console.log(key,value);
}

// name,小王
// age,永远年轻

你可能感兴趣的:(JavaScript,javascript,前端)