<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>数组的几种方法</title>
</head>
<body>
<script>
var arr = [
{
id:1,
name: '苹果',
checked: false
},{
id:2,
name: '梨子',
checked: false
},{
id:3,
name: '香蕉',
checked: true
},{
id:4,
name: '草莓',
checked: false
},{
id:5,
name: '橘子',
checked: true
}
];
/**
* every(): 返回一个 Boolean 类型的值
* 对数组中的每一个元素进行对比 只有所有的元素都为 true 时 返回的结果为 true 反之为 false
* some(): 返回一个 Boolean 类型的值
* 对数组中的每一个元素进行对比 只要有一个元素为 true 返回的结果就为 true 反之为 false
*
* filter(): 返回 数组中满足 提供条件的 所有元素, 都不满足 就会返回 [] (空数组)
* findIndex(): 返回 数组中满足 提供条件的 第一个元素的 索引, 都不满足 就会返回 -1
* find(): 返回 数组中满足 提供条件的 该元素, 都不满足 就返回 undefined
* map(): 返回 满足条件 的 数组中每一个元素里面的 属性值 , 从新组合成 新的数组
*
*/
result = arr.every(v => v.checked); //false
result = arr.some(v => v.checked); //true
result = arr.filter(v => v.checked) // 由 arr[2] 和 arr[4] 组成的新数组
result = arr.findIndex(v => v.name === '橘子'); // 4
result = arr.find(v => v.name === '香蕉') // {id: 3, name: "香蕉", checked: true}
result = arr.map(v => v.name); // ["苹果", "梨子", "香蕉", "草莓", "橘子"]
console.log(result)
</script>
</body>
</html>
métodos every(), some(), filter(), findIndex(), find(), map() do array JS
おすすめ
転載: blog.csdn.net/m0_49045925/article/details/112799964
おすすめ
ランキング