JS中数组的13种方法

/*1.map方法
        作用: 遍历数组的每一项,根据[返回值]组成一个新数组
 注意: return 什么,就 以什么组成新数组*/
        let arrMap = [3, 4, 5, 7, 3, 6]
        let newArrMap = arrMap.map(function (item, index) {
            return item - 1
        })
        console.log(newArrMap);
        /*2.find : 遍历数组,找寻 [符合条件]的[第一个元素],并且
返回该元素,如果没有,返回 undefined*/
        let arrFind = [{ id: 1, title: "苹果手机", price: 8999 },
        { id: 2, title: "华为手机", price: 6888 },
        { id: 3, title: "vivo手机", price: 5666 },
        { id: 4, title: "小米手机", price: 999 },
        { id: 5, title: "华为手机", price: 11999 },
        ]
        let newArrFind = arrFind.find(function(item,index){
            return item.price === 999
        })
        console.log(newArrFind);
        /*3.findIndex : 遍历数组,找寻符合条件的第一个元素的索
引,并返回该索引,如果没有,返回 -1*/ 
        let arrFindIndex = [{ id: 1, title: "苹果手机", price: 8999 },
        { id: 2, title: "华为手机", price: 6888 },
        { id: 3, title: "vivo手机", price: 5666 },
        { id: 4, title: "小米手机", price: 999 },
        { id: 5, title: "华为手机", price: 11999 },
        ]
        let newarrFindIndex = arrFindIndex.findIndex(function(item,index){
            return item.price === 999
        })
        console.log(newarrFindIndex);
        /*4.join: 将数组通过特殊符号拼接成 字符串*/ 
        let arrJoin = [2022,05,08]
        let newarrJoin = arrJoin.join("/")
        console.log(newarrJoin);
        /*5.includes: 遍历数组,找寻数组中是否有该项,如果有,就返
回true,否则就是 false*/ 
        let arrIncludes = ["c","b","h"]
        let newarrIncludes = arrIncludes.includes("b")
        console.log(newarrIncludes);
        /*6. indexOf : 遍历数组,找寻数组中是否有该项,如果有就返
回索引,如果没有,返回 -1*/ 
        let arrIndexOf = ["c","b","h"];
        let newIndexOf = arrIndexOf.indexOf("h")
        console.log(newIndexOf);
        /*7. sort: 数组排序
 语法:
 数组.sort(function(a,b){
 return a - b // 升序 从小到大
 return b - a // 降序 从大到小
 })*/ 
        let arrSort = [7,9,3,55,12]
        let newarrSort = arrSort.sort(function(item,index){
            return item - index
        })
        console.log(newarrSort);
        /*8. reverse: 数组反转*/ 
        let arrReverse = [7,9,3,55,12];
        let newarrReverse = arrReverse.reverse();
        console.log(newarrReverse);
        /*9. flat: 将多维数组转成 一维数组
        语法:
 数组.flat(值)
 值: 数字,数字代表展平的级别
 Infinity: 无限级*/ 
        let arrFlat = [3,4,[3,2,[6,8,[9,0,66,22]]]]
        let newArrFlat = arrFlat.flat(Infinity);
        console.log(newArrFlat);
        /*10. some: 遍历数组, 数组里面如果[有一项]满足条件,就返回
true ,否则就是 false*/ 
        let arrSome = [7,9,3,55,12];
        let newArrSome = arrSome.some(function(item,index){
            return item>100
        })
        console.log(newArrSome);
        /*11. every: 遍历数组, 数组里面的每一项都满足条件,就返回
true,否则就是 false*/ 
        let arrEvery = [7,9,3,55,12];
        let newarrEvery = arrEvery.every(function(item,index){
            return item>1
        })
        console.log(newarrEvery);
        /*12. filter:过滤数组,遍历数组,根据[条件],组成一个新数组
并且返回语法:
 数组.filter(function(value,index){
  value : 数组的每一项
  index : 每一项的索引
 
 return 条件
 })
 
 注意: filter 拿到的结果永远是一个数组,不管里面有多
少值*/ 
        let arrFilter = [7,9,3,55,12];
        let newArrFilter = arrFilter.filter(function(item,index){
            return item>10
        })
        console.log(newArrFilter);
        /*13.slice: 截取数组,开始索引,结束索引,截取从[开始索引]到 [结束索引],包含开始索引,不包含结束索引
 语法:
 数组.slice(开始索引,结束索引)*/ 
        let arrSlice = ["c","b","h","g","a"]
        let newArrSlice = arrSlice.slice(2,4)
        console.log(newArrSlice);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

林钟十九·

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值