数组中常见的数组

// // 1.forEach  循环(遍历)数组  没有返回值
        // let arr=[1,2,3,4,5,6];
        // arr.forEach((item,index,arr)=>{
        //     // item 数组中的每一项  index 每一项的下标  arr 原数组
        //     console.log(item,index,arr);
        // })

        // 2.map 循环(遍历)数组  有返回值 返回一个新的数组  (渲染页面)
        // let arr = [1, 2, 3, 4, 5, 6];
        // let newArr = arr.map((item, index, arr) => {
        //     // item 数组中的每一项  index 每一项的下标  arr 原数组
        //     return item + 'a'
        // })
        // console.log(newArr);

        // 3.filter  筛选数组中的有没有符合条件的值 有返回值 返回一个新的数组 (筛选)
        // let arr = [1, 2, 3, 4, 5, 6];
        // let newArr = arr.filter((item, index, arr) => {
        //     // item 数组中的每一项  index 每一项的下标  arr 原数组
        //     return item > 4
        // })
        // console.log(newArr);

        // 4.find  测试 数组内的所有元素是否都能符合条件  有返回值 返回第一个符合的值没有返回undefined
        // let arr = [1, 2, 3, 4, 5, 6];
        // let newArr = arr.find((item) => {
        //     return item > 2
        // })
        // console.log(newArr);

        // 5.findIndex 测试 数组内的所有元素是否都能符合条件  有返回值 返回第一个符合的值的下标 没有返回 -1
        // let arr = [1, 2, 3, 4, 5, 6];
        // let newArr = arr.findIndex((item) => {
        //     return item == 0
        // })
        // console.log(newArr);

        // 6.every 测试 数组内的所有元素是否都能符合条件 成功返回true 失败返回false  每一个都满足才能成功否则失败 (全选反选功能)
        // let arr = [1, 2, 3, 4, 5, 6];
        // let newArr = arr.every((item) => {
        //     return item > 0
        // })
        // console.log(newArr);

        // 7.some  测试 数组内的所有元素是否都能符合条件 成功返回true 失败返回false 有一个都满足就能成功否则失败
        // let arr = [1, 2, 3, 4, 5, 6];
        // let newArr = arr.some((item) => {
        //     return item > 2
        // })
        // console.log(newArr);

        // 8.push 在数组的末尾添加一个新的值 返回新的数组长度
        // let arr = [1, 2, 3, 4, 5, 7, 6];
        // let b=arr.push(8)
        // console.log(arr);
        // console.log(b);

        // 9.unshift 在数组的开头添加一个新的值 返回新的数组长度
        // let arr = [1, 2, 3, 4, 5, 7, 6];
        // let b=arr.unshift(8)
        // console.log(arr);
        // console.log(b);

        // 10.pop  删除数组最后一个元素 返回删除元素的值
        // let arr = [1, 2, 3, 4, 5, 6, 7];
        // let b = arr.pop();
        // console.log(arr);
        // console.log(b);

        // 11.shift 删除数组第一个元素 返回删除元素的值
        // let arr = [1, 2, 3, 4, 5, 6, 7];
        // let b = arr.shift();
        // console.log(arr);
        // console.log(b);

        // 12.slice 截取数组 返回一个新的数组  不会改变原数组
        // .slice(开始位置,结束位置)
        // let arr = [1, 2, 3, 4, 5, 6];
        // let b = arr.slice(0, 3);
        // console.log(b);

        // 13.splice 截取数组 (添加,删除)
        // .splice(开始位置,结束位置,值)
        // let arr = [1, 2, 3, 4, 5, 6, 7];
        // arr.splice(0, 1, "a")
        // console.log(arr);

        // 14.indexof  查找数组中的某一项 返回第一次符合的下标 没有返回-1 从左到右
        // let arr  = [1,2,3,4,5,6];
        // console.log(arr.indexOf(2));

        // 15.lastIndexOf  查找数组中的某一项 返回第一次符合的下标 没有返回-1 从右到左
        // let arr  = [1,2,3,4,5,6];
        // console.log(arr.lastIndexOf(2));

        // 16.reduce 将数组中的数据进行累加,返回累加后的和
        // const arr = [1, 2, 3, 4, 5];
        // const sum = arr.reduce(
        //     (item, value) => item + value,
        // );
        // console.log(sum);

        // 17.sort 数组的排序 返回一个新的数组
        // x -y 从小到大  y-x从大到小
        // const arr = [2, 4, 8, 7, 0, 1, 2];
        // let newArr = arr.sort((x, y) => {
        //     return x - y
        // })
        // console.log(newArr);

        // 18.reverse  翻转数组 返回一个新的数组
        // let arr = [1, 2, 3];
        // let newArr = arr.reverse();
        // console.log(newArr);

        // 19.concat 拼接数组 把两数组拼接到一起  不会改变原数组 返回一个新的数组
        // let arr = [1, 2, 3]
        // let newArr = arr.concat([2, 3, 4])
        // console.log(newArr);

        // 20.join 把数组变为字符串 不会改变原数组 返回一个新的字符串
        // join() 括号中用什么符号拼接
        // let arr = [1, 2, 3, 4];
        // let str = arr.join("/");
        // console.log(str);

  • 12
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值