js数组添加元素

js数组添加元素,第1张

js数组添加元素的方法有三个,分别是push()、unshift()、splice(),下面分别说一下各自的用法

1、push(),在数组的末尾添加新的元素,并返回数组新长度

语法:a.push( “新元素1”,“新元素2”);

实例:

结果:

2、unshift(),在数组的开头添加新元素,数组中的元素自动后移,返回数组新长度

语法:a.unshift(“新元素1”,“新元素2”);

注:unshift()方法不能用于 Internet Explorer 8 之前的版本,插入的值将被返回成 undefined 。

实例

结果:

3、splice(),在指定位置添加一个或者多个新元素,插入位置的元素自动后移,返回""。

例如,在第二位置添加新元素

语法:a.splice(2,0,“新元素1”,“新元素2”);

实例:

结果:

1、添加元素

函数:push(para),参数说明para要添加的元素

示例:

var lang = ["php","java","javascript"]

lang.push('.net')

结果:lang = ["php","java","javascript",".net"]

2、删除和替换元素

函数:splice(para1,para2,para3),参数说明para1其实位置(从0开始),para2要删除的元素个数,para3(可选)要替换的元素

示例:

a、删除

var lang = ["php","java","javascript"]

lang.splice(0,1)

结果:lang = ["java","javascript",".net"]

b、替换

var lang = ["php","java","javascript"]

lang.splice(0,1,'.net')

结果:lang = [".net","javascript",".net"]

创建html页面 1)打开记事本,输入如下截图所示的html代码2)将文件保存为html结尾的文件,例如JsTest.html

运行页面 1)上一步保存完成后,双击文件即可使用默认浏览器运行页面2)如果想使用指定浏览器运行,右键文件,选择【打开方式】->挑选任一已经安装的浏览器即可

原生JS方式,详细代码与注释 主要使用的js方法: 父元素.insertBefore(新元素, 目标元素)

原生JS方式,运行效果如下 Jquery方式,必须要引入jquery文件才能使用,此处将jquery下载下来放到Content文件夹中,新的目录结构如下-- Content-- jquery-1.11.3.min.js-- JsTest.html

Jquery方式,详细代码与相关注释见截图 主要使用的jquery方法:before(html文本内容即可)

Jquery方式,运行效果如下 JS JQUERY


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11961439.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存