[es6]数组 持续更新……

博客介绍了ES6中JavaScript的数组方法,包括map映射,实现一个对一个的转换;reduce汇总,将数组元素汇总为一个结果;filter过滤,筛选出符合条件的元素;forEach循环,用于遍历数组元素。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、map 映射(一个对一个)
如:[12,56,99,86,45,91]映射成[不及格,不及格,及格,及格,不及格,及格]
参数:
  item:当前元素值
  index:当前元素索引
  arr:原数组
2、reduce 汇总 (汇总出来一个)
3、filter 过滤
4、forEach 循环
	第一个参数是遍历的数组内容,
	第二个参数是对应的数组索引,
	第三个参数是数组本身
/*——————————————————————————map应用————————————————————————————*/
//例1:如何让数组arr1中每个数变为2倍?
 let arr1=[12,5,8];
 let result=arr1.map(function (item,index,arr) {
     console.log(arr);
     return item*2;
 })
 console.log(result);
 //简写 let result = arr1.map( item=> item*2 )

 //例2:把成绩映射成及格或不及格?
 let score=[12,56,99,86,45,91];
 let resultscore=score.map( item=> {
    return item>=60?  '及格' : '不及格';
 })
 //console.log(resultscore);

/*——————————————————————————reduce应用————————————————————————————*/
//例1:计算数组arr2的总数?
 let arr2=[12,68,52,69,23];
 let result2=arr2.reduce(function (tmp,item,index) {
     // console.log(tmp);//中间结果
     // console.log(item);
     // console.log("index:"+index);
     return tmp+item
 })
// console.log("result2:"+result2);
 //例2:计算数组arr2的平均数?
 let result3=arr2.reduce( (tmp,item,index)=> {
     if(index!=arr2.length-1){//不是最后一次,求和
         return tmp+item
     }else{
         return (tmp+item)/arr2.length
     }

 })
 //console.log(result3);
/*——————————————————————————filter应用————————————————————————————*/
//例1:过滤数组arr3中所有能被3整除的数?
let arr3=[12,66,13,16,99,10,66]
let result4=arr3.filter(function (item) {
    if(item%3==0){
        return true
    }else{
        return false
    }
    //item%3本来就是一个布尔值,所有可直接写为return item%3;
})
// console.log(result4);
//例子2:过滤数组arr4中100以下的数据?
let arr4=[
    {title:"衬衫",price:75},
    {title:"裤子",price:65},
    {title:"包",price:205},
    {title:"鞋子",price:195},
]
let result5=arr4.filter(function (item,index) {
    if(item.price<100){
        return false
    }else{
        return true
    }
})
// console.log(result5);
/*——————————————————————————forEach应用————————————————————————————*/
 let arr5=[12,5,8,9];
 arr5.forEach(function (item,index) {
    // console.log(item);
 })
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值