1. map:
map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
map() 方法按照原始数组元素顺序依次处理元素。
注意: map() 不会对空数组进行检测。
注意: map() 不会改变原始数组。
例:
let data = {items:[{name:"张三",age:"22",class:"三年一班",sex:0},{name:"李四",age:"25",class:"三年二班",sex:1}]}
titile:item.name,
class:item.class,
age:item,age,
sex:item.sex==0?'男':'女'
}
})
还有一种写法:
let dataInfo = data.items.map(item=>( {
titile:item.name,
class:item.class,
age:item,age,
sex:item.sex==0?'男':'女'
}))
console.log(dataInfo);返回值是处理后的数组
2. filter:
filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
注意: filter() 不会对空数组进行检测。
注意: filter() 不会改变原始数组。
例:
let data = {items:[{name:"张三",age:22,class:"三年一班",sex:0},{name:"李四",age:25,class:"三年二班",sex:1}]}
let dataInfo = data.filter(age=>{
return age!=22;
})
console.log(dataInfo);
3. some
some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。
some() 方法会依次执行数组的每个元素:
- 如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。
 - 如果没有满足条件的元素,则返回false。
 
注意: some() 不会对空数组进行检测。
注意: some() 不会改变原始数组。
例:
let data = {items:[{name:"张三",age:22,class:"三年一班",sex:0},{name:"李四",age:25,class:"三年二班",sex:1}]}
let dataInfo = data.items.some(v=>{
return v>22
})
console.log(dataInfo);//true
4. every
every() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供)。
every() 方法使用指定函数检测数组中的所有元素:
- 如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。
 - 如果所有元素都满足条件,则返回 true。
 
注意: every() 不会对空数组进行检测。
注意: every() 不会改变原始数组。
例:
let data = {items:[{name:"张三",age:22,class:"三年一班",sex:0},{name:"李四",age:25,class:"三年二班",sex:1}]}
let dataInfo = data.items.every(v=>{
return v>22
})
console.log(dataInfo);//false
5. reduce
reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。
reduce() 可以作为一个高阶函数,用于函数的 compose。
注意: reduce() 对于空数组是不会执行回调函数的。
例:
let numbers = [1,2,3,4,5]
let result = numbers.reduce((sum, num)=> {
     return sum + Math.round(num);
 }, 12);
reduce接收两个参数,第一个参数是一个函数,第二个参数是一个初始值,可省略。
函数的计算过程可以是两个数值相加、相减、相乘等所有可进行运算的方法。
console.log(result);//结果:27
6. forEach()
forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。
输出结果:
index[0]: 4
 index[1]: 9
 index[2]: 16
 index[3]: 25
7.slice
arrayObject.slice(start,end)
8.splice
splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。
9.split
将字符串分割成数组
"2:3:4:5".split(":") //将返回["2", "3", "4", "5"] "|a|b|c".split("|") //将返回["", "a", "b", "c"] 
  10.join
把数组连接成字符串
11.entries
到此这篇数组方法js(数组方法map)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!
版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/qdvuejs/13335.html