js数组末尾添加元素,js添加到数组最前面

  js数组末尾添加元素,js添加到数组最前面

  在上一篇文章《JS数组学习之一维和二维数组的创建和访问》中,我们介绍了几种数组创建的方法。既然有了数组,我们就要操作它们,最常见的操作就是添加或删除数组元素。这次先介绍几种插入数组元素的方法,再介绍删除数组元素的方法。

  添加数组元素的方法有很多种:可以在数组的开头或结尾添加,也可以根据数组下标在任意位置添加。今天,让我们首先向您展示如何在数组的开头或结尾插入元素。

  在数组开头插入元素

  在JavaScript中,我们可以使用unshift()函数在数组的开头插入元素,这可以将一个或多个参数值追加到数组的开头:

  Array.unshift(元素1,元素2,element x)第一个参数element 1是数组的新元素0,第二个参数element 2是新元素1,依此类推。最后,返回添加元素后的数组长度。

  让我们具体看一下下面的例子:

  var a=[0];//定义一个数组

  console . log(a);//Return [0]

  a.unshift(1,2);//一次添加两个元素

  console . log(a);//Return [1,2,0]

  var a=[0];

  a . un shift(1);//添加元素1

  a . un shift(2);//添加元素2

  console . log(a);//Return [2,1,0]。可以看出:我们用a.unshift(1,2)在数组A的开头依次插入两个数值1,2;使用a.unshift(1)将值1插入数组A的开头,然后使用a.unshift(2)将值2插入开头(即值1之前)。因此,输出结果是:

  在数组末尾插入元素

  在JavaScript中,我们可以使用push()或concat()方法在数组末尾插入元素。让我们逐一介绍:

  1、使用push()方法

  push()方法可以将一个或多个参数值附加到数组的末尾,并在添加元素后返回数组的长度。

  Array.push(元素1,元素2,元素X)让我们具体看一下下面的例子:

  var a=[0];//定义一个数组

  console . log(a);//Return [0]

  a.push(1,2);//一次添加两个元素

  console . log(a);//Return [0,1,2]

  var a=[0];

  a . push(1);//添加元素1

  a .推送(2);//添加元素2

  console . log(a);//Return 0,1,2]可以看出:我们用a.push(1,2)在数组A的末尾依次插入两个数值1,2;A.push(1)用于在数组A的末尾插入值1,在此基础上,a.push(2)用于在末尾(即值1之后)插入值2。因此,输出结果是:

  2、使用concat() 方法

  1)、concat()方法可以连接两个或多个数组,并将一个或多个数组的元素作为参数添加到指定数组的尾部。

  var a=[1,2,3];

  var b=[4,5,6];

  var c=[7,8];

  var d=a.concat(b,c);

  console . log(d);Concat()方法会将一维数组作为参数拆分,并将其作为单独的元素连接到数组的末尾。因此,输出结果是:

  但是concat()方法不能完全拆分二维数组,只能将二维数组中包含的一维元素连接到数组的末尾。

  var a=[1,2,3,4,5];

  var b=[[1,2,3],[4,5]];

  var c=[[1,2,3],3];

  var d=a.concat(b,c);

  console . log(d);

  2)concat()方法还可以插入给定的一个或多个元素,并可以将所有传递的参数按顺序添加到数组的末尾。

  var a=[1,2,3,4,5];//定义一个数组

  var b=a.concat(6,7,8);//连接数组a的3个元素。

  console . log(b);//Return [1,2,3,4,5,6,7,8]。输出结果是:

  说明:concat()方法会创建并返回一个新的数组,而不是在原来的数组上添加新元素;但是unshift()方法向原始数组添加元素。

  好了,就这样。有需要的可以看看:javascript高级教程。JS数组学习就是这样在头部或者尾部插入元素的。更多详情请关注我们的其他相关文章!

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

相关文章阅读

  • slice 数组,js中的slice()方法,JS数组方法slice()用法实例分析
  • js数组转字符串,字符串转数组方法,JS 数组转字符串
  • js数组转字符串,字符串转数组方法,JS 数组转字符串,JS数组转字符串实现方法解析
  • js数组筛选的方法,js 多条件筛选
  • js数组筛选的方法,js 多条件筛选,JS实现数组过滤从简单到多条件筛选
  • js数组的常用10种方法详解图,js数组的常用10种方法详解图片
  • js数组的常用10种方法详解图,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二维数组定义和初始化的三种方法总结
  • 留言与评论(共有 条评论)
       
    验证码: