js获取数组key

小知识 08-30 14:07

js获取数组key

在前端实际开发中,需要把一个数组的Key取出来放在下拉框中进行显示,那么JS如何获取数组的KEY/键值呢?

举个例子比如 var array = [{"name":"joke"}, {"age":"12"},{"sex":"man"}],需要取出key,构成一个新的数组 ["name","age","sex"]

一、使用 JavaScript 内置了方法:Object.keys(obj)

这里把 obj 换成 array 问题即可解决:Object.keys(array),下拉框即可展示 name、age、sex 三项

<script>
var array = [{"name":"joke"}, {"age":"12"},{"sex":"man"}]
console.log(Object.keys(array))
</script>

二、js遍历数组以及获取数组对象的key和key的值方法

<script>
var arr = [
  {"aa":[{"num":"23"}]},
  {"bb":[{"num":"43"}]},
  {"cc":[{"num":"42"}]},
]
arr.forEach((value,i)=>{ //数组循环
for(var pl in value){ //数组对象遍历
console.log(pl); //获取key
console.log(value[pl]) //获取key的值
}
})
</script>