js 获取array指定key值的value
时间: 2023-05-04 18:02:42 浏览: 618
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
5星 · 资源好评率100%
在 JavaScript 中,我们可以使用基本的循环语句,如 for 循环或 forEach 循环,来遍历数组并获取指定的 key 值对应的 value 值。
以 for 循环为例,代码如下:
```js
const arr = [
{ id: 1, name: 'Alice' },
{ id: 2, name: 'Bob' },
{ id: 3, name: 'Charlie' }
]
for (let i = 0; i < arr.length; i++) {
if (arr[i].id === 2) {
console.log(arr[i].name) // 输出 'Bob'
break
}
}
```
我们通过 for 循环遍历数组,判断每个对象的 id 是否等于我们想要获取的值,如果符合条件,则打印出 name 值,并使用 break 终止循环。
如果数组比较大,使用 for 循环性能可能会比较低。这时可以考虑使用 forEach 循环或 find 方法,如下:
```js
const arr = [
{ id: 1, name: 'Alice' },
{ id: 2, name: 'Bob' },
{ id: 3, name: 'Charlie' }
]
arr.forEach(item => {
if (item.id === 2) {
console.log(item.name) // 输出 'Bob'
}
})
const result = arr.find(item => item.id === 2)
console.log(result.name) // 输出 'Bob'
```
使用 forEach 循环遍历数组,检查每个对象的 id 是否等于我们想要获取的值,符合条件则打印出 name 值。使用 find 方法只需要传入一个函数作为参数,返回第一个符合条件的对象,然后直接获取对应的 name 值。
总之,JavaScript 中获取数组指定 key 值的 value 可以通过基本的循环语句遍历数组或使用 find 方法来实现,具体看实际情况而定。
阅读全文