js数组某一项某一个字段出现的次数
时间: 2023-08-11 20:04:59 浏览: 60
可以使用 JavaScript 的 reduce 方法来统计数组中某一项某一个字段出现的次数。
例如,假设有以下数组:
```javascript
const arr = [
{ id: 1, name: 'apple' },
{ id: 2, name: 'banana' },
{ id: 3, name: 'apple' },
{ id: 4, name: 'apple' }
];
```
我们想要统计 `name` 字段为 `'apple'` 出现的次数,可以使用以下代码:
```javascript
const count = arr.reduce((acc, curr) => {
if (curr.name === 'apple') {
return acc + 1;
}
return acc;
}, 0);
console.log(count); // 输出 3
```
在上面的代码中,我们使用 reduce 方法对数组进行遍历,并在每次遍历时判断当前项的 `name` 字段是否为 `'apple'`,如果是,则累加器 `acc` 加 1,最后返回累加器的值作为结果。初始值为 0。
相关问题
js数组某一项某一字段出现的次数不用reduce
你可以使用普通的 for 循环来实现统计某一项某一字段出现的次数,示例代码如下:
```javascript
let arr = [
{ id: 1, name: '张三' },
{ id: 2, name: '李四' },
{ id: 3, name: '张三' },
{ id: 4, name: '王五' },
{ id: 5, name: '张三' }
];
let count = 0;
for (let i = 0; i < arr.length; i++) {
if (arr[i].name === '张三') {
count++;
}
}
console.log(count); // 输出 3
```
上面的代码中,我们使用了一个 for 循环,遍历数组中的每一个元素,如果元素的 name 属性等于 '张三',就让 count 加 1。最终输出 count 的值,即可得到 '张三' 出现的次数。
vue2取出数组中所有项的某一个字段的值
可以使用JavaScript的map()函数来实现。假设你有一个数组arr,它的每个元素都是一个对象,对象中有一个字段叫做field,你需要取出所有元素的field字段的值,可以这样写:
```
const fieldValues = arr.map(item => item.field);
```
这会返回一个新的数组,其中包含了原数组中所有元素的field字段的值。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)