js数组的常用10种方法详解图,js数组的常用10种方法详解图片,JS数组的常用10种方法详解

js数组的常用10种方法详解图,js数组的常用10种方法详解图片,JS数组的常用10种方法详解

本文主要介绍了JS数组的10种常用方法的详细说明,并通过实例代码进行了详细介绍。对大家的学习或者工作都有一定的参考价值,有需要的朋友可以参考一下。

JavaScript中经常用到数组,如何添加或删除数组非常重要。下面是数组的常用方法:

在数组末尾插入元素

Arr.push(value),将一个或多个元素添加到数组末尾,并返回数组的新长度。

例如:

设arr=[1,2,3,4,5]

var longth=arr.push(6,7);

console.log(arr,longth);

数组arr的值变成arr[1,2,3,4,5,6,7];

接收的长度返回修改后数组的长度7;

删除数组末尾的元素

Arr.pop()删除索引值最大的元素,并返回被删除的元素。

设arr=[1,2,3,4,5]

var dele element=arr . pop();

console.log(arr,de element);

arr的值是[1,2,3,4],delelement的值是5。

Arr.pop()的效果和arr.length-一样,但是arr . length-没有返回值;

在数组开头插入一个元素。

unshift(值);将一个或多个元素添加到数组的开头,并返回数组的新长度。

设arr=[1,2,3,4,5]

var length=un shift(0);

console.log(arr,length);//arr的值为[0,1,2,3,4,5];length的值是改变后的数组的长度6;

删除数组的头部元素

shift();删除索引为0的元素并返回删除的元素。

设arr=[1,2,3,4,5]

var de lement=un shift();

console.log(arr,de element);

arr的值为[2,3,4,5];删除元素的值是删除元素1;

以及数组和数组(或元素)的组合

Concat()合并数组或元素,并返回一个新数组。原始数组不会改变。

设arr=[1,2,3,4,5]

设newArr=arr.concat([6,7,8],9,10);

console.log(newArr,arr);

newArr的值为[1,2,3,4,5,6,7,8,9,10];

arr的值还是原来的[1,2,3,4,5];

Concat()也可以复制一个新数组;

let copy arr=arr . concat();//copyArr的值与Arr的值相同

在数组中添加删除或替换元素

splice();在任意位置添加或删除一个元素,返回被删除或替换的值,如果没有被删除或替换则返回一个空数组;

splice()方法将修改原始数组的值;

当只有一个值时,将其从当前位置删除到数组末尾。

设arr=[1,2,3,4,5];

设num1=arr.splice(1)

console . log(num 1;arr)//num=[2,3,4,5];arr=[1];

当有两个值时,第一个值是删除的位置,第二个值是删除的编号;

设arr=[1,2,3,4,5];

设num1=arr.splice(2,3)//从索引值2开始删除3个元素

console . log(num 1;arr);//num1=[3,4,5],arr=[1,2]

当有三个或三个以上的值时,第一个值是插入元素的位置,第二个值是替换的次数,后面的值都是插入的新元素;

设arr=[1,2,3,4,5];

设num2=arr.splice(2,1,6,7,8);//替换索引值2中的1个元素,并插入6,7,8

//如果第二个值是0,不要替换,直接插入6,7,8;

console . log(num 2;arr);//被替换的值num 2=[3];arr=[1,2,6,7,8,4,5]

截取复制数组指定位置的内容

切片(起始位置,结束位置);第二个参数默认不写到尾部,只能从前到后截取;返回值是由截取的内容组成的新数组;

let copy arr=arr . slice();//slice()或slice(0)都可以复制数组;

设arr=[1,2,3,4,5];

设newArr=arr.slice(1,3);//截取索引1到索引3的值(不含3);

console.log(newArr,arr);//newArr=[2,3];arr=[1,2,3,4,5];

slice()方法不会更改为原始数组的值。

指定字符连接字符串。

join();数组的每个元素用指定的字符连接起来形成一个新的字符串并返回;

设arr=[1,2,3,4,5];

let arr=arr . join()//默认连接是逗号。

console . log(new arr);//newArr=1,2,3,4,5;

//如果连接器是空字符串,则无缝连接。

console . log(arr . join(" ");//输出是12345;

对数组排序

Sort()对数组进行排序(升序),返回一个新数组,原数组也会发生变化;

设arr=[2,3,5,1,4];

let new arr=arr . sort();

console.log(newArr,arr);//newArr=[1,2,3,4,5];arr r=[1,2,3,4,5]

将数组进行倒序

反向();你可以颠倒数组的顺序,返回一个新的数组,原来的数组也会改变;

设arr=[1,2,3,4,5];

设newArr=arr。反向();

console.log(newArr,arr);//newArr=[5,4,3,2,1];arr=[5,4,3,2,1];

综上所述,是一种常用的数组方法!

这就是本文的全部内容。希望对大家的学习有帮助,支持我们。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • slice 数组,js中的slice()方法,JS数组方法slice()用法实例分析
  • js数组转字符串,字符串转数组方法,JS 数组转字符串
  • js数组转字符串,字符串转数组方法,JS 数组转字符串,JS数组转字符串实现方法解析
  • js数组筛选的方法,js 多条件筛选
  • js数组筛选的方法,js 多条件筛选,JS实现数组过滤从简单到多条件筛选
  • js数组的常用10种方法详解图,js数组的常用10种方法详解图片
  • js数组去重的几种方式,js数组去重最简单的方法
  • js数组去重的几种方式,js数组去重最简单的方法,js数组去重的11种方法
  • js数组去重最简单的方法,数组去重方法js
  • js数组去重最简单的方法,数组去重方法js,七种JS实现数组去重的方式
  • js数组中去除重复值的几种方法是什么,js数组中去除重复值的几种方法有哪些
  • js数组中去除重复值的几种方法是什么,js数组中去除重复值的几种方法有哪些,js数组中去除重复值的几种方法
  • js初始化一个数组,js数组初始化的三种方式
  • js初始化一个数组,js数组初始化的三种方式,js二维数组定义和初始化的三种方法总结
  • js中数组遍历的几种方法及其区别,js数组遍历的几种方法
  • 留言与评论(共有 条评论)
       
    验证码: