js数值的添加与删除

js中数组元素常用添加方法是直接添加、push方法以及unshift方法

        删除方法则是delete、pop、shift

        集修改方法为一身的则是splice

1、添加:

   (1)直接添加通常都是这样

    var arr=[];

    arr[0]="first";

    arr[1]="second";

   (2)push

    push方法就是将要添加的元素添加到数组的末尾,数组长度+1

    var arr=["first","second"];  //arr.length=2

    arr.push("last");//  arr→["first","second","last"]    arr.length=3

   (3)unshift

    unshift方法就是将要添加的元素添加到数组头部,并将其他元素一次移到更高的索引处

    var arr=["first","second"];  //arr.length=2

    arr.unshift("last");//  arr→["last","first","second"]    arr.length=3

2、删除

  (1)delete

  var arr=["first","second","last"];

  delete arr[0];//arr→[undefined,"second","last"],arr.length=3;

  并未完全达到删除目的

  (2)pop

  pop方法是与push对应的,删除最后一个元素,数组长度-1

  var arr=["first","second","last"];

  arr.pop();//arr→["first","second"],arr.length=2;

  (3)shift

  与unshift对应,删除第一个元素,数组长度-1,其他元素索引均-1

3、splice

  splice方法是修改方法,具有添加和删除功能

  splice()的前两参数指定了需要删除的数组元素,紧随其后任意多个参数指定需要插入到数组的元素,以至于splice可以实现添加、删除和修改功能。实际上不是修改,只是先删除一个元素再把后面插入的元素插入到那个位置。

  添加:

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

  arr.splice(2,0,"change");//arr→[1,2,"change",3,4,5]

  参数2代表索引值,参数0代表要改变的元素个数,最后一个参数代表要添加或者替换进去的元素。

  删除

  arr.splice(2,1);//arr→[1,2,4,5]  当然,也可以删除多个,修改第二个参数即可

原文地址:https://www.cnblogs.com/riverone/p/12046512.html

时间: 2024-10-29 03:43:02

js数值的添加与删除的相关文章

原生js事件的添加和删除

在IE浏览器中添加或删除事件用attachEvent.detachEvent.在其他标准浏览器中则用addEventListener.removeEventListener.下面的对事件的添加和删除做了封装.直接看代码吧! /** * @description 事件绑定,兼容各浏览器 * @param target * 事件触发对象 * @param type * 事件 * @param func * 事件处理函数 */ function bind(target, type, func) { i

js数组的添加和删除

js中数组元素常用添加方法是直接添加.push方法以及unshift方法 删除方法则是delete.pop.shift 集修改方法为一身的则是splice 1.添加: (1)直接添加通常都是这样 var arr=[]; arr[0]="first"; arr[1]="second"; (2)push push方法向数组的末尾添加一个或多个元素,并返回新的长度 var arr=["first","second"]; //arr.

react.js 之 批量添加与删除功能

最近做的CMS需要用到批量添加图片的功能:在添加文件的容器盒子内,有两个内容,分别是:添加按钮与被添加的选择文件组件. 结构分析: 被添加的组件,我们称为:UploadQiNiuFiles(七牛文件上传组件),含一个删除当前组件的删除按钮 添加按钮的事件 被添加组件存放的容器 代码分析: 添加组件存放的容器:<div className="divBorder"> <div className="divBorder"> {addToBtn} /

js 为对象添加和删除属性

对于一个普通的js对象: var obj = { name:"mary", age:21 } 如果我们要对它添加新属性的话可以使用下列方式: obj.address = "北京" //{name: "mary", age: "21", address: "beijing"} 删除属性,需要使用delete方法: delete obj.name //{age: "21", address:

js实现按钮添加和删除tr

截图 前端代码 <form name="form1" method="post" action="pMmEquipMent2!saveMmEqiup.action" id="form1"> <s:hidden key="vo.id"/> <s:hidden key="vo.dock"></s:hidden> <s:hidden key

js操作表格-添加与删除

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

js给节点添加或删除类名

为 <div> 元素添加 class: document.getElementById("myDIV").classList.add("mystyle"); 为 <div> 元素添加多个类: document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdClass")

添加一行删除一行-js代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

js中cookie的添加,删除,查询总结

function addCookie(objName,objValue,objHours){//添加cookie var str = objName + "=" + escape(objValue); if(objHours > 0){//为0时不设定过期时间,浏览器关闭时cookie自动消失 var date = new Date(); var ms = objHours*3600*1000; date.setTime(date.getTime() + ms); str +=