JavaScript中数组的迭代方法:forEach、map、filter、reduce、every、some
2017-05-07 08:23
1416 查看
javascript中的数组迭代方法
var array01 = ['1111','fffff','dddddddddd','2222','33333',23,0,98,40,1,30];
1.forEach(数组中的每一项做一件事)
var newarray='';
array01.forEach(function(item,index,array){ //item:元素值 index:[b]索引值 array:元素的数组对象
newarray=newarray + item+"--";
})
console.log(newarray)
[/b]
结果:1111--fffff--dddddddddd--2222--33333--23--0--98--40--1--30--
2.map(数组通过某种计算产生一个新的数组)
var newarray = array01.map(function(item,index,array){
return item*2;
})
console.log(newarray)
结果:[2222, NaN, NaN, 4444, 66666, 46, 0, 196, 80, 2, 60] //字符串先转化为数值型,在进行计算
3.filter(筛选出符合条件的项,组成新数组)
var newarray = array01.map(function(item,index,array){
return item*2;
})
console.log(newarray)
结果:["1111", "2222", "33333", 23, 98, 40, 30]
4.reduce(数组中的前后项通过某种计算,并累计最终值)
[b]var array01 = [23,0,98,40,1,30];
[/b]
var newarray = array01.reduce(function(prev,next){
return prev+next;
})
console.log(newarray)
结果:192 //累加求和
5.every(检测数组中的每一项是否符合条件)
var newarray = array01.every(function(item,index,array){
return item*2;
})
console.log(newarray)
结果:false //全部满足才是true
6.some(检测数组中有些项是否符合条件)
var newarray = array01.some(function(item,index,array){
return item*2;
})
console.log(newarray)
结果:true
var array01 = ['1111','fffff','dddddddddd','2222','33333',23,0,98,40,1,30];
1.forEach(数组中的每一项做一件事)
var newarray='';
array01.forEach(function(item,index,array){ //item:元素值 index:[b]索引值 array:元素的数组对象
newarray=newarray + item+"--";
})
console.log(newarray)
[/b]
结果:1111--fffff--dddddddddd--2222--33333--23--0--98--40--1--30--
2.map(数组通过某种计算产生一个新的数组)
var newarray = array01.map(function(item,index,array){
return item*2;
})
console.log(newarray)
结果:[2222, NaN, NaN, 4444, 66666, 46, 0, 196, 80, 2, 60] //字符串先转化为数值型,在进行计算
3.filter(筛选出符合条件的项,组成新数组)
var newarray = array01.map(function(item,index,array){
return item*2;
})
console.log(newarray)
结果:["1111", "2222", "33333", 23, 98, 40, 30]
4.reduce(数组中的前后项通过某种计算,并累计最终值)
[b]var array01 = [23,0,98,40,1,30];
[/b]
var newarray = array01.reduce(function(prev,next){
return prev+next;
})
console.log(newarray)
结果:192 //累加求和
5.every(检测数组中的每一项是否符合条件)
var newarray = array01.every(function(item,index,array){
return item*2;
})
console.log(newarray)
结果:false //全部满足才是true
6.some(检测数组中有些项是否符合条件)
var newarray = array01.some(function(item,index,array){
return item*2;
})
console.log(newarray)
结果:true
相关文章推荐
- 一张图看懂JavaScript中数组的迭代方法:forEach、map、filter、reduce、every、some
- 一张图看懂JavaScript中数组的迭代方法:forEach、map、filter、reduce、every、some
- 一张图看懂JavaScript中数组的迭代方法:forEach、map、filter、reduce、every、some
- [置顶] JAVASCRIPT中数组的迭代方法:FOREACH、MAP、FILTER、REDUCE、EVERY、SOME各个说明
- 一张图看懂JavaScript中数组的迭代方法:forEach、map、filter、reduce、every、some
- javascript中数组的迭代方法对比:forEach()、map()、reduce()、some()、every()、filter()图解
- 数组的5中迭代方法 filter()、map()、forEach()、every()、 some()
- javascript中使用迭代操作数组替代for循环(map,filter,some,every,reduce,find )
- js中数组过滤、遍历、迭代every、some、filter、map、forEach、reduce、reduceRight
- 数组的迭代方法(every、filter、forEach、map、some)
- 重写数组迭代新方法every,filter,map,some,forEach
- 数组遍历filter,forEach,map,every,some,reduce
- js数组的遍历方法filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()
- JavaScript 遍历方法总结 forEach some every filter map includes
- JavaScript数组常用方法: indexOf、filter、forEach、map、reduce使用实例
- 关于数组中迭代的方法:every(),fileter(),forEach(),map(),some()
- JS数组中every(),filter(),forEach(),map(),some()方法学习笔记!
- JavaScript 数组——filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()
- Js 数组方法:filter()、map()、some()、every()、forEach()、indexOf()、lastIndexOf()、