js数组中常见的方法

在js里面有许多对数组进行处理的方法,下面介绍一下常用方法

  1. push()方法,作用:在数组尾部添加入一个或多个数据,返回数组的新长度
    实例:
<script>
	var arr = [1,2,3,4,5,6,9];
	var a = arr.push(1,1,1);   //此时a的值是10,因为该方法返回的是数组的新长度
	console.log("数组的新长度:",a,"修改后的数组:",arr); 
</script>

结果:
在这里插入图片描述

  1. .unshift()方法,作用:在数组头部添加一个或多个元素,返回数组的新长度
    实例:
<script>
        var arr = [1,2,3,4,5,6,9];
	    var a = arr.unshift(1,1,1);   //此时a的值是10,因为该方法返回的是数组的新长度
	    console.log("数组的新长度:",a,"修改后的数组:",arr); 
</script>

结果:
在这里插入图片描述

  1. .pop()方法,作用:删除数组最后一位,返回被删除的元素
    实例:
<script>
        var arr = [1,2,3,4,5,6,9];
	    var a = arr.pop();      //此时a的值为9,数组的最后一位元素
        console.log("被删除的元素:",a,"修改后的数组:",arr);
</script>

结果:
在这里插入图片描述

  1. .length–;作用:与.pop()方法类似,速度比.pop()方法快,但是没有返回值

  2. .shift()方法,作用:删除数组的第一位,并且将被删除的元素返回
    实例:

<script>
        var arr = [1,2,3,4,5,6,9];
	    var a = arr.shift();      //此时a的值为1,数组的第一位元素
        console.log("被删除的元素:",a,"修改后的数组:",arr);
</script>

结果:
在这里插入图片描述

  1. concat()方法
    实例:
<script>
	var arr = [1,2,3,4,5,6,9];
	var arr1 = [7,8,5,6];

	//1、两数组之间的合并,并返回新数组,原来的两个数组不发生改变
	var arr3 = arr.concat(arr1);
	console.log("arr3:",arr3);    //返回的是:[1,2,3,4,5,6,9,7,8,5,6]

	//2、数组合并元素,返回新数组
	var arr4 = arr.concat(1,2,3,4,6);
	console.log("arr4:",arr4);     //返回的是:[1,2,3,4,5,6,9,1,2,3,4,6]

	//3、数组合并元素和数组,返回新数组
	var arr5 = arr.concat(0,arr1,["A","B"]);
	console.log("arr5:",arr5);    //返回的是:[1,2,3,4,5,6,9,0,7,8,5,6,"A","B"]
	
	//4、直接使用concat(),完成数组的复制
	var arr6 = arr.concat();
	console.log("arr6:",arr6);   //返回的是:[1,2,3,4,5,6,9];
</script>

结果:
在这里插入图片描述

  1. .join()方法,作用:将数组的每个元素以指定的字符连接形成新字符串,返回新字符串
    实例:
<script>
        var arr = [1,2,3,4,5,6,9];
        var str = arr.join();   //默认用逗号(,)分隔
        var str1 = arr.join("|")   //使用 | 分隔
        console.log("默认的分隔方式:",str,"用 | 分隔:",str1);
</script>

结果:
在这里插入图片描述
注:数组转化为字符串也可以使用.toString()方法实现,默认分隔方式为用逗号分隔

  1. .splice()方法,作用:从指定的位置删除给定数量的元素,并且在这个位置插入需要的元素,返回删除的元素(会改变原始数组)
    .splice(从什么位置开始,删除多少个元素,要插入的元素);
    实例:
<script>
        var arr = [1,2,3,4,5,6,9];
        var arrs = [1,2,3,4,5,6,9];
        // 1、没有任何参数时,返回一个空数组
        var arr2 = arr.splice();    
        console.log(arr2);        //[]
        // 2、给定起始位置,删除个数
        var arr3=arr.splice(0,3);
        console.log("删除的元素组成的数组:",arr3,"改变后的新数组:",arr);   //[1,2,3],[4,5,6,9]
        // 3、给定起始位置,删除个数,插入的元素
        var arr4=arrs.splice(0,3,4,5,9,9);
        console.log("删除的元素组成的数组:",arr4,"改变后的新数组:",arrs);   //[1,2,3],[4,5,9,9,4,5,6,9]
</script>

结果:
在这里插入图片描述

  1. .slice()方法,作用:按指定位置截取数组,并且复制数组的内容,将截取的元素以数组形式返回
    arr.slice(从什么位置开始,到什么位置之前结束)
    实例:
<script>
        //第二个参数不写,默认截取到尾部
        var arr = [1,2,3,4,5,6,9];
        var arr1 = arr.slice();  //复制数组
        console.log("arr1",arr1);
        var arr2 = arr.slice(0); //复制数组
        console.log("arr2",arr2)
        var arr3 = arr.slice(1,5);//从数组的第二位开始,截取到第五位,不包含第五位
        console.log("arr3",arr3)
</script>

结果:
在这里插入图片描述

  1. .indexOf()方法,作用:查询数组中是否存在某一元素
    .indexOf(要查询得元素,从什么位置开始查询) 位置就是下标
    实例:
<script>
        var arr = [1,2,3,4,5,6,4,9];
        var index = arr.indexOf(4);
        var index1 = arr.indexOf(10);
        console.log("值为4的下标:",index);   //数组中有4这个元素,所以返回下标3,当数组中存在多个查询的元素时,返回查询到的第一个元素下标
        console.log("值为10的下标:",index1);   //当数组中不存在查询的元素时,返回-1,
</script>

结果:
在这里插入图片描述

  1. lastIndexOf()方法,作用:从后向前查找某元素(与indexOf方法类似)
    .lastIndexOf(查找得元素,从什么位置开始查找)
    实例:
    <script>
        var arr = [1,2,3,4,5,4,6,9];
        var index=arr.lastIndexOf(4);
        console.log(index);    //返回的结果为5,因为是从后面开始查询的
    </script>

结果:
在这里插入图片描述
以上只是罗列了一部分常用方法,还有许多数组的常用方法,期待各位大佬的补充

猜你喜欢

转载自blog.csdn.net/qq_40375518/article/details/105182267