js数组添加新元素的方法有很多,今天就说三种在平时常用到的方法,需要用到js中的 push()、unshift()以及splice()三种JS方法。方法的调用很简单,基本上看过一眼就知道的怎么用了。

js数组结尾处添加新的元素

js push() 方法,将一个或多个元素添加到数组的结尾处,并返回新数组的长度。

语法:数组.push(元素1,元素2,元素3,元素4......);

例:

array = new Array('1','2'); // 定义一个数组

array.push('3','4','5','6');

console.log(array);

打印结果:["1", "2", "3", "4", "5", "6"]

js在数组头部添加元素

js中的 unshift() 方法可以将一个或多个新元素添加到数组的开头,然后返回新数组的长度

语法:数组.unshift(元素1,元素2,元素3,元素4)

例:

array = new Array('a','b'); // 定义一个数组

array.unshift('c','d','e');

console.log(array);

打印结果:["c", "d", "e", "a", "b"]

js splice()方法添加数组元素

js splice() 方法可以将一个或多个新元素添加到数组的指定位置,插入位置的元素自动后移,

语法:数组.splice(index,howmany,item1,.....,itemN);

参数:

index:表示从哪里添加或者删除元素;

howmany:表示应该删除多少个元素,如为0就表示不删除元素;

item:表示要添加到数组的新元素。

示例1:

var arr = ["beijing", "shanghai", "shangdong"];

arr.splice(1,0,'hangzhou','hebei'); //从第一个元素的后面开始添加

console.log(arr);

打印结果:["beijing", "hangzhou", "hebei", "shanghai", "shangdong"]

示例2:

var arr = ["beijing", "shanghai", "shangdong"];

arr.splice(-1,0,'hangzhou','hebei'); //从最后一个元素的前面开始添加

console.log(arr);

打印结果:["beijing", "shanghai", "hangzhou", "hebei", "shangdong"]

html js 数组添加元素吗,js数组添加元素的几种方法相关推荐

  1. js 把字符串转成json对象的三种方法

    js 把字符串转成json对象的三种方法 不管字符串是否含有转义字符,都能转换成 Json 对象 1, js自带的eval函数,其中需要添加小括号eval('('+str+')'); function ...

  2. python键盘输入数组_python 二维数组切割Python读取键盘输入的2种方法

    Python提供了两个内置函数从标准输入读入一行文本,默认的标准输入是键盘.如下: 1.raw_input 2.input raw_input函数raw_input() 函数从标准输入读取一个行,并返 ...

  3. js中截取字符串前几位的两种方法slice()substring()

    在Javascript使用字符串中,我们不一定需要全部的字符串,这时就需要截取字符串.本文主要介绍js中截取字符串前几位的两种方法:1.使用slice() 方法:2.使用substring() 方法. ...

  4. python二维数组换行输出_python 二维数组切割Python读取键盘输入的2种方法

    Python提供了两个内置函数从标准输入读入一行文本,默认的标准输入是键盘.如下: 1.raw_input 2.input raw_input函数raw_input() 函数从标准输入读取一个行,并返 ...

  5. JS数组学习之清空全部元素的4种方法(代码详解)

    数组是JavaScript中的十分常用且重要的数据类型,而删除数组元素是一种常见的数组操作,JavaScript中内置了很多用于删除数组元素的函数,因此删除数组元素对我们来说并不难.那么删除数组元素的 ...

  6. java 获取js html_JS获取网页中HTML元素的几种方法

    编写js程序的时候最常使用的就是获取网页中的html元素,并进行处理,我在网上发现了一篇获取html对象的几种方法进行整理的帖子,发上来大家一块学习~ getElementById getElemen ...

  7. Angular Js 判断对象不为空对象的三种方法

    前言 在写前端时,很多时候都需要去校验后端返回的数据是否是个空对象.这里就介绍三种方法 第一种 //将json对象转化为json字符串,再判断该字符串是否为"{}" JSON.st ...

  8. php数组比对算法,php学习之两种方法使用比较数组差异的array_diff()函数

    本篇文章将简单介绍php比较两个数组的差异array_diff()函数,感兴趣的朋友可以了解一下. php内置函数中有一个array_diff():意思比较两个数组的键值,并返回差集. 下面是通过数组 ...

  9. 快速排序——寻找数组第K大数(由浅入深,四种方法对比讲解!)

    寻找数组第K大数是大厂面试中经常考到的一题,有的小机灵鬼直接用sort()进行排序,两行代码解决,这样看似可行,实则掉入了出题人的陷阱.面试官希望看到的是你对算法的理解,而不是函数的调用.下面,我就以 ...

  10. php 二维数组 第一个,php二维数组排序几种方法

    二维数组排序排序在php中也提供了一个函数array_multisort就可以直接排序了,下面我来介绍除了全使用array_multisort 对数组进行排序我们还写了一些自定二维数组排序方法. 有时 ...

最新文章

  1. 图森无人车官宣D轮2.15亿美元融资,成卡车货运估值No.1
  2. mysql行转列sql函数_SQL 将行转化为列实现列的动态更新
  3. 根据表名如何查找使用它的程序名、接口等
  4. 在局域网访问_局域网访问共享文件需要密码怎么办?取消访问密码的方法
  5. Bigmart数据集销售预测
  6. 机器学习 -- 用户画像
  7. Xcode 4-PBXcp error修复-No such file or directory
  8. UE4之镜头移动到某个actor
  9. 黑龙江高中计算机结业水平测试,黑龙江省普通高中信息技术学业水平考试标准.doc...
  10. 联想拯救者Y9000X 2020
  11. 如何删除Windows我的电脑地址栏搜索记录
  12. Hudi on Flink在顺丰的实践应用.ppt
  13. 【NAS】Samba配置文件解析
  14. 利用SPSS做数据分析②之数据处理2
  15. 开发高性能的Socket服务器
  16. c 语言matrix函数,R语言矩阵matrix函数
  17. 你一定要知道的71个做饭技巧
  18. 【线性模型引论】王松桂著 课后习题4.3参考答案
  19. ​力扣解法汇总1037-有效的回旋镖
  20. 速卖通产品编辑中使用html,速卖通多语言编辑发布产品怎么做?

热门文章

  1. iAno超级钢琴模拟器的软件使用教程
  2. 中国这门失传已久的武林绝学,竟让研究它的老外拿了诺贝尔奖
  3. 企业直播平台上常用功能有哪些
  4. java mysql resultset count_Java ResultSetMetaData getColumnCount()方法的示例?
  5. 基于python脚本的参数化建模_Python在ABAQUS中
  6. 调整matlab颜色栏字体大小
  7. 使用RSA生成一对公钥和私钥
  8. 2022-2028年中国硫铁矿石行业市场全景评估及发展前景展望报告
  9. shell语法----文件重定向
  10. linux 内核版本 4.4,Linux Kernel 4.4 正式发布下载