数组内置方法数组操作方法

数组操作方法

concat() 方法

用于连接两个或多个数组。
语法:arra.concat(arrayX,arrayX,......,arrayX);

  • 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。
  • concat返回值:
    返回一个新的数组。
  • 该数组是通过把所有 arrayX 参数添加到 array中生成的。如果要进行 concat() 操作的参数是数组,那么添加的是数组中的元素,而不是数组。

我们创建了几组数组,然后使用 concat() 把它们连接起来:

       var arr=[10,20];
		var arr1=[40,50];
		var arr2=['你好'];
		var arro=arr.concat(arr1);
		console.log(arr1,arr2);    //[40, 50] ["你好"]  数组合并

		var arro=arr.concat();
		console.log(arro);    //[10, 20]  复制数组 
		arr[0]=100;
		console.log(arro);   //[10, 20]
		console.log(arr);    //[100, 20]
      </script>

unshift() 方法

可向数组的开头添加一个或更多元素,并返回新的长度。

 语法:array.unshift(newelement1,newelement2,....,newelementX);
  • unshift返回值:
    array的新长度。

  • unshift() 方法将把它的参数插入 arrayObject 的头部,并将已经存在的元素顺次地移到较高的下标处,以便留出空间。该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1,以此类推。

  • 请注意,unshift() 方法不创建新的创建,而是直接修改原有的数组。

下面有三组数组进行向数组头部添加元素:

        <script type="text/javascript">
		 var arr=[10,20];
		 var arr1=[40,50];
		 var arr2=['你好'];
		 arr.unshift('大家好');
		 console.log(arr);   //["大家好", 10, 20]  修改了原数组
		 </script>

slice() 方法

可从已有的数组中返回选定的元素。

 语法:array.slice[start,end);        左闭右开
  • slice返回值:
    返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。
  • 请注意,该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。

下面有几组数组进行截取数组:

        <script type="text/javascript">
		var brr=['how','are','you',1,2,3]
		var brr1=brr.slice(1,2);
		//console.log(brr1);   //["are"]  1,2是索引 表示1-2之间要截取的数据 因为是左闭右开,所以取2的位置  
		var brr2=brr.slice(0);   //复制
		console.log(brr2);    //["how", "are", "you", 1, 2, 3]
		brr2[0]='hello';
		console.log(brr2);    // ["hello", "are", "you", 1, 2, 3]把索引0的位置
		console.log(brr);     // ["hello", "are", "you", 1, 2, 3]
		</script>

splice()

方法向/从数组中添加/删除项目,然后返回被删除的项目。
1、splice(index,howmany):删除数组元素 修改原元素
2、splice(index,howmany.item(参数)):先删除,后添加参数

语法:array.splice(index,howmany,item1,.....,itemX);
  • splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。
  • 如果从 array中删除了元素,则返回的是含有被删除的元素的数组。
请注意,splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改。

下面有两组数组进行删除添加:

      <script type="text/javascript">
       //先删除,在添加  支持多参
		var nrr=['how','are','you',1,2,3]
		var nrr0=nrr.splice(2,2,3);
		console.log(nrr0);  //["you", 1]
		console.log(nrr);   //["how", "are", 3, 2, 3]从2开始删,删两个,删除完添加了一个3
		nrr.splice(0,1,'2','2','2');
		console.log(nrr);   //["2", "2", "2", "are", 3, 2, 3]从0开始删,删一个,然后加后面的数
		</script>
发布了52 篇原创文章 · 获赞 39 · 访问量 5571

猜你喜欢

转载自blog.csdn.net/cedricdx/article/details/89418830