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]  当然,也可以删除多个,修改第二个参数即可

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

  1. JS实现动态添加和删除div

    实现方式一:只在最后一个数据中动态添加或者删除 | 背景需要做一个页面,页面可以输入参数,点击确认按钮可以发请求给某接口.但是接口的某个字段是数组类型,所以在页面上需要实现添加或者删除元素的功能. | ...

  2. 原生js事件的添加和删除

    在IE浏览器中添加或删除事件用attachEvent.detachEvent.在其他标准浏览器中则用addEventListener.removeEventListener.下面的对事件的添加和删除做 ...

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

    最近做的CMS需要用到批量添加图片的功能:在添加文件的容器盒子内,有两个内容,分别是:添加按钮与被添加的选择文件组件. 结构分析: 被添加的组件,我们称为:UploadQiNiuFiles(七牛文件上 ...

  4. js数组操作-添加,删除

    js 数组操作常用方法. push():在数组后面加入元素,并返回数组的长度 unshift():在数组前面加入元素,并返回数组的长度 pop()删除最后一个元素 shift()删除第一个元素 var ...

  5. js 为对象添加和删除属性

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

  6. js array 数组添加与删除数据

    //新建数组 var ids =new Array(); //向数组中添加数据 ids.push(1); //删除下标为i的数组元素 ids.remove(i); //自定义删除函数: Array.p ...

  7. 【js】数组添加与删除

    做个表格,就会容易记忆四种方法.    返回值  是否改变数组长度 位置 功能 push() 改变数组的长度   是    末位  添加 unshift() 改变数组的长度  是 首位 添加 pop( ...

  8. Jquery和js实现cookie操作手机浮层广告;附加:js获取、添加、删除cookie

    1.jquery cookie包实现手机上的浮层广告 <span style="font-size:18px;">$(document).ready(function( ...

  9. 原生js查询、添加、删除类

    1.添加类 为标签添加一个class的类 如:<div id="box" class="box">内容</div> document.g ...

随机推荐

  1. c++递归函数

    一.什么是递归算法 递归即递推+回归.递归算法是把问题转化为规模缩小了的同类子问题,然后递归调用函数(或过程)来表示问题的解. 二.递归算法的特点 1.必须有 递归函数 + 递归出口 2.递归算法解题 ...

  2. R学习笔记3 数据处理

    1,日期类型 日期类型比较特殊,日期值通常以字符串的形式输入到R中,然后使用as.Date()函数转换为以数值形式存储的日期变量 mydate <- as.Date("2019-01- ...

  3. Kubernetes1.11.1 使用Nvidia显卡配置方法

    一.安装 1.1.kubernetes硬件支持问题说明 Kubernetes目前主要在很小程度上支持CPU和内存的发现.Kubelet本身处理的设备非常少.Kubernetes对于硬件都使用都依赖于硬 ...

  4. Restful与Spring MVC

    Spring工作流程: 文件上传的处理: 解析参数的过滤器: <filter> <filter-name>MultipartFilter</filter-name> ...

  5. Autofac在.NetCore 下的使用

    在工作开发中很多地方都会使用到接口模式开发,这里就会用到依赖注入,.NetCore目前是自带的 ,在 Startup.cs中的 ConfigureServices方法中增加 public void C ...

  6. ASP.Net Core 2.1+ Cookie 登录授权验证【简单Cookie验证】

    介绍 本文章发布于博客园:https://www.cnblogs.com/fallstar/p/11310749.html 作者:fallstar 本文章适用于:ASP.NET Core 2.1 + ...

  7. 并发编程之Disruptor并发框架

    一.什么是Disruptor Martin Fowler在自己网站上写了一篇LMAX架构的文章,在文章中他介绍了LMAX是一种新型零售金融交易平台,它能够以很低的延迟产生大量交易.这个系统是建立在JV ...

  8. Java中使用HttpPost上传文件以及HttpGet进行API请求(包含HttpPost上传文件)

    Java中使用HttpPost上传文件以及HttpGet进行API请求(包含HttpPost上传文件) 一.HttpPost上传文件 public static String getSuffix(fi ...

  9. Python学习日记(二十三) 类命名空间和组合

    类命名空间 在一个类中它的函数(方法)属于动态属性,直接定义的变量属于静态属性 首先先定义一个类,并在这个类里面加入静态变量.属性等然后将一个对象实例化 class Fighter: #定义一个战机的 ...

  10. 【转】简易剖析Hadoop作业工作机制

    原文地址:https://www.cnblogs.com/duma/p/10666269.html 建议:结合第四版Hadoop权威指南阅读,更有利于理解 运行机制 运行一个 MR 程序主要涉及以下 ...