带你了解数组中的接口(API)

1. Array.from(likeArr) 将类数组转换为 真正的数组:

      var str = "hello";
      console.log(str.length);
      console.log(str[0]);

      var arr_str = Array.from(str);
      console.log(arr_str);
      console.log(arr_str instanceof Array);
      // Array.from(参数1,参数2)
      // 参数1:必填 ;  参数2:可选择
      //  Array.from()方法会遍历数组中的每一个元素,每遍历到一个元素,就会执行一次回调函数。最终会将处理过后的数据放入新数组中返回出去。
      var newArr = Array.from(str2, function (value, key) {
        // console.log(value); // 指的是数组中的元素
        // console.log(key);  // 指的是数组中元素的索引
        return value * 2;
      });
      console.log(newArr);

2.arr1.concat(arr2) 连接多个数组,形成一个新数组:

      var arr1 = ["a", "b", "c"];
      var arr2 = [1, 2, 3];
      var newArr2 = arr1.concat(arr2);
      console.log(newArr2);

3.join()用不同的分隔符,将数组构建成一个字符串:

      var arr3 = ["2020", "12", "21"];
      // 2020/12/21
      var str3 = arr3.join("-");
      console.log(str3);

4.判断某个数据是否 是数组,如果是,返回true,否则 返回false:

console.log(Array.isArray(str));

5.数组的反转:

      var arr4 = ["a", "b", "c", "d"];
      console.log(arr4.reverse());

6.sort()数组排序,默认排列顺序是按照字符的Unicode编码进行排列:

      var arr5 = [20, 31, 11, 100, 8, 27];
      console.log(arr5.sort());
            // 如果要得到我们想要的 升序/降序排列的结果,需要提供一个比较函数。
      // [8,11,20,27,31,100]
      function sortNum(a, b) {
        // return a - b;  //升序
        return b - a; //降序
      }
      console.log(arr5.sort(sortNum));

7.slice(startIndex,endIndex) 截取数组中的某几个元素,形成新数组:

      // 注意:截取时,包含开头,不包含结尾。
      var arr7 = ["a1", "b1", "c1", "d1"];
      console.log(arr7.slice(0, 2));

8.splice(参数1,参数2,参数3,参数4…) 删除开始索引后的 某几个元素,然后再插入新的元素。(注意:是在原数组上进行修改,不会反回新数组):

      // 参数1:从哪开始删除
      // 参数2:删除几个元素
      // 从第3个参数开始往后这些参数,表示要插入的元素
      var arr6 = ["a1", "b1", "c1", "d1"];
      arr6.splice(1, 3, "b", "c", "d", "e");
      console.log(arr6);

总结: push pop shift unshift splice 这几个方法是直接修改原数组,不会返回新数组
from concat sort slice 这几个方法,会给我们反回新数组,原数组保持不变。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值