JSES6数组得⼀些处理⽅法归类
find()
数组实例的find⽅法，⽤于出第⼀个符合条件的数组成员
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=1, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
<script>
var arr =[
{
id:1,
age:22,
name:"张三"
},
{
id:2,
age:33,
name:"李四"
},
{
id:3,
age:25,
name:"王五"
},
{
id:4,
age:27,
name:"⿇溜"
}
]
var r = arr.find(function(value, index, a){
// 三个参数第⼀个参数数组中的每⼀项第⼆个参数索引第三个参数数组本⾝
return  value.age >25
})
console.log(r)
</script>
</html>
findIndex
数组实例的findIndex⽅法的⽤法与find⽅法⾮常类似，返回第⼀个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1
var r = arr.findIndex(function(v, i, aa){
return v.age <80
})
console.log(r)
```//数组还是上⾯的arr
数组实例的 includes()
表⽰某个数组是否包含给定的值 如果包含 返回true 不包含返回false
var a1 =["hello","vue","react",""];
var r = a1.includes("vue");
console.log(r)
isArray
判断变量 是不是数组 如果是 返回true 不是 返回 false
var a = Array.isArray(a1);
console.log(a)
forEach
遍历数组 主要是为了更⽅便的代替 for 对数组进⾏遍历。
注意：
1、 forEach() 对于空数组是不会执⾏回调函数的。
2、 for可以⽤continue跳过循环中的⼀个迭代，forEach⽤continue会报错。
3、 forEach() 需要⽤ return 跳过循环中的⼀个迭代，跳过之后会执⾏下⼀个迭代。
arr.forEach(function(v,index,a){
/
/ v 每⼀项  index 索引  a 当前数组
console.log(v)
console.log(index)
console.log(a)
})
filter
过滤数组 返回值是⼀个新的数组 符合条件那些元素
var re  = a3.filter(function(v){
return v.price >1000
})
// console.log(re)
map
处理数组的每⼀个元素 返回⼀个新的数组 处理过的元素
var a4 = a3.map(function(v){
var p =  v.price +100
v.price = p;
return    v
})
console.log(a4)
every
判断数组的每⼀项是否符合条件 只要有⼀个不符合是 false 跟与运算 有点像
var f = a5.every(function(v){
return  v.score >=60
})
//  console.log(f)
some
遍历数组 查符合条件的只要有⼀项符合 就返回true 返回值是布尔值 跟或运算类似
js数组方法总结var f1 = a5.some(function(v,i){
console.log(i)
return  v.score >=80
})
// console.log(f1)

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。