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

数组操作方法

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>
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript数组有很多内置方法,可以操作和处理数据。以下是JavaScript数组的所有方法列表: 1. `concat()` - 连接两个或多个数组。 2. `copyWithin()` - 在数组内部将一段元素拷贝到另一个位置。 3. `entries()` - 返回一个迭代器对象,可以遍历数组所有的键值对。 4. `every()` - 检查数组中的所有元素是否满足一个条件。 5. `fill()` - 用静态值填充一个数组中的所有元素。 6. `filter()` - 通过指定条件过滤出符合条件的数组元素。 7. `find()` - 返回找到的第一个元素,满足条件。 8. `findIndex()` - 返回目标元素索引,满足条件。 9. `forEach()` - 遍历数组,对每个元素执行指定的操作。 10. `includes()` - 判断数组是否包含指定元素。 11. `indexOf()` - 返回指定元素第一个出现的位置索引。 12. `join()` - 连接数组元素,返回字符串。 13. `keys()` - 返回一个迭代器对象,可以遍历数组的键。 14. `lastIndexOf()` - 返回指定元素最后一次出现的位置索引。 15. `map()` - 遍历数组,对每个元素执行指定的操作,将结果放入新数组。 16. `pop()` - 删除数组最后一个元素。 17. `push()` - 在数组末尾添加一个或多个元素。 18. `reduce()` - 对数组中的每个元素执行指定的操作,累积计算并返回最终结果。 19. `reduceRight()` - 与reduce()方法类似,不过是从右到左遍历数组。 20. `reverse()` - 反转数组元素的顺序。 21. `shift()` - 删除数组的第一个元素。 22. `slice()` - 截取数组元素,返回新数组。 23. `some()` - 检查数组中是否存在至少一个元素满足一个条件。 24. `sort()` - 排序数组元素。 25. `splice()` - 删除、插入或替换数组中的元素。 26. `toString()` - 将数组转换成字符串。 27. `unshift()` - 在数组的开头添加一个或多个元素。 28. `valueOf()` - 返回数组本身。 以上方法中,有些方法会改变原数组,有些方法则不会。需要注意使用时,避免产生错误。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值