JS数组方法归纳

  1. join方法 (将数组转换成字符串)

       var arr = ["a", "b", "c"];
       //括号中的值为转换成字符串之后各项之间的值
       var str = arr.join("");   //abc
       var str = arr.join(",")   //a,b,c
    
  2. push方法 (在数组后面增加一项)

      var arr = ["a", "b", "c"];
      var newleng = arr.push("d");
      console.log(arr);  // ["a", "b", "c", "d"] 改变原数组
      console.log(newleng); // 4  新数组的长度
    
  3. pop方法 (删除数组最后一项)

      var arr = ["a", "b", "c"];
      var delarr = arr.pop();
      console.log(arr); //  ["a", "b"]
      console.log(delarr); // 返回删除项 c
    
  4. unshift方法(在数组前面增加一项)

       var arr = ["a", "b", "c"];
       var newleng = arr.unshift("d");
       console.log(arr); // ["d", "a", "b", "c"] 改变原数组
       console.log(newleng); // 4 新数组的长度
    
  5. shift方法 (删除数组最后一项)

       var arr = ["a", "b", "c"];
       var newleng = arr.shift("d");
       console.log(arr); //["b", "c"] 
       console.log(newleng); //a 返回删除项 c
    
  6. sort方法 (将一个数组中的值进行排序)

       var arr = [1, 9, 2, 7];
       arr.sort(function (n1, n2) {
        	return n1 - n2;
        });
       console.log(arr); //  [1, 2, 7, 9]
    
  7. reverse方法 (将数组数据翻转)

      var arr = [1, 9, 2, 7];
      arr.reverse();
      console.log(arr); // [7, 2, 9, 1]
    
  8. concat方法 (将两个数据拼接在一起)

      var arr1 = [1, 9, 2, 7];
      var arr2 = [2, 3, 4];
      var ret = arr1.concat(arr2);
      console.log(ret);  //  [1, 9, 2, 7, 2, 3, 4]
    
  9. slice方法(截取数组,原数组不变,可以传两个参数)

       var arr = [1, 9, 2, 7];
       var ret = arr.slice(0, 2); //截取从索引0开始到索引2之前的数组
       console.log(ret); // [1,9]
       console.log(arr.slice(1)); // [9, 2, 7]
       console.log(arr.slice(-2, -1)); // [2]
    
  10. splice方法 (删除.替换)

    var arr = [1, 9, 2, 7];
     //替换(传三个参数,第一个传索引,第二个传需要替换的数量,第三个				传替换的值)
     arr.splice(1, 1, 0);
    console.log(arr); //  [1, 0, 2, 7]
    // 删除(传两个参数,第一个传索引,第二个传需要删除的数量)
    arr.splice(2, 1);
    console.log(arr); // [1, 0, 7]
    
  11. indexOf 和 lastIndexOf

    var arr = [1, 9, 2, 7];
    var ret = arr.indexOf(1); //  0  存在返回第一个匹配的索引
    var ret = arr.indexOf(3); // -1 不存在返回-1
    // indexOf正向,lastindexOf反向
    
  12. forEach方法(对数组进行遍历)

    var arr = [1, 9, 2, 7];
     // 没有返回值,对数组进行遍历操作
     arr.forEach((item, index, arr) => {
      		console.log(item, index, arr);
     		// 1 0 [1, 9, 2, 7]
    		// 9 1 [1, 9, 2, 7]
    		// 2 2 [1, 9, 2, 7]
    		// 7 3 [1, 9, 2, 7]
    });
    
  13. map方法(对数组进行映射,遍历操作数据的每一项)

           var arr = [1, 9, 2, 7];
    		// 没有返回值,对数组进行遍历操作
    		arr = arr.map((item) => {
     				return item * 2;
    		});
    		console.log(arr); // [2, 18, 4, 14]
    
  14. filter方法(对数据进行筛选操作)

    var arr = [1, 9, 2, 7];
     // 没有返回值,对数组进行遍历操作
    arr = arr.filter((item) => {
    		return item > 3;
    });
    console.log(arr); // [9, 7]
    
  15. every方法(对数组的每项进行遍历,如果每项都符合条件返回true)

    var arr = [1, 9, 2, 7];
    var result = arr.every((item) => {
    	// 每一项都大于2吗
    	return item > 2;
     });
    console.log(result); // false
    
  16. some方法(和every方法类似,some是是否存在某项符合条件)

    var arr = [1, 9, 2, 7];
    var result = arr.every((item) => {
    	// 存在一项或多项大于2吗
    	return item > 2;
     });
    console.log(result); // true
    
  17. find方法(筛选出第一个符合条件的项)

    var arr = [1, 3, 9, 2, 7];
    // 没有返回值,对数组进行遍历操作
    var result = arr.find((item) => {
     return item > 2;
    });
    console.log(result); // 3 返回第一个符合条件的项
    
  18. reduce方法(迭代数组的每一项)

    var arr = [1, 3, 9, 2, 7];
     // 没有返回值,对数组进行遍历操作
     var result = arr.reduce((pre, cur) => {
     return pre + cur;
     });
    console.log(result); // 22
    
  19. set方法(数组去重)

    var arr = [1, 3, 9, 2, 7, 1, 3, 9];
    var result = new Set(arr);
    console.log(result); // {1, 3, 9, 2, 7}
    console.log([...result]); // [1, 3, 9, 2, 7]
    

20.includes方法(判断数组中是否包含项)

	var arr = [1,2,3,4,5]
	var res=arr.includes(2)
	console.log(res)  // true
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

库库的写代码

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

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

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

打赏作者

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

抵扣说明:

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

余额充值