一、增加数组子级

1、Array.push()

定义和用法

向数组的末尾处添加一个或多个子集,并返回新数组的长度

语法

var array=["好","扎在那个"];
array.push("fewa")//array=>["好","扎在那个","fewa"]

小程序配图

2、Array.unshift()

定义和用法

向数组的首部处添加一个或多个子集,并返回新数组的长度

语法

var array=["好","扎在那个"];
array.unshift("笨鸟先飞")//array=>["笨鸟先飞","好","扎在那个"]

小程序配图

二、删除数组子级

1、Array.pop()

定义和用法

删除数组的最后一个子集,并返回被删除的子集

语法

var array=["好","扎在那个"];
array.pop()//array=>["好"]

小程序配图

2、Array.shift()

定义和用法

删除数组的第一个子集,并返回被删除的子集

语法

var array=["好","扎在那个"];
array.shift()//array=>["扎在那个"]

小程序配图

三、修改数组子级

1、Array.indexOf(value,index)

定义和用法

返回某个指定的字符串值(value)在数组中首次(index)出现的位置。搜索方向:起点=>>终点

  • value:必填。需要搜素的字符串值
  • index:可选的数组下标参数。从所选的下标位置开始搜索所需的值。若没有填该参数,则将从数组的首下标开始检索。

语法

var array=["好","扎在那个","好"];
var selectIndex=array.indexOf("好");//0
array[selectIndex]="爱你一万年";//array=>["爱你一万年","扎在那个","好"]

小程序配图(我选取第一个“好”)

2、Array.lastIndexOf(value,index)

定义和用法

返回某个指定的字符串值(value)在数组中最后(index)出现的位置。搜索方向:终点=>>起点

  • value:必填。需要搜素的字符串值
  • index:可选的数组下标参数。从所选的下标位置开始搜索所需的值。若没有填该参数,则将从数组的最后一个下标开始检索。

语法

var array=["好","扎在那个","好"];
var selectIndex=array.lastIndexOf("好");//2
array[selectIndex]="断了永远";//array=>["好","扎在那个","断了永远"]

小程序配图(也选取第一个“好”)

四、Array.slice() 和 Array.splice()

1、Array.slice(startIndex,endIndex);

定义和用法

从已有的数组中返回选定的元素=>返回一个新的数组:[ array[开始的下标] ,……,array[结束的下标] ]

  • startIndex:必填。规定数组的某处下标为起点。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个数组子集,-2 指倒数第二个数组子集,以此类推。
  • endIndex:可选。规定数组的某处下标为终点。如果没有指定此参数,那么切割的数组包含从startIndex到数组结束的所有数组子集。如果startIndex是负数,那么切割数组的终点范围也是到该数组的最后位置。例如:array共有两个子集,那么array.slice(0)等同于array.slice(-2)

语法

var array=["好","扎在那个","好"];
array.slice(0,1);//["好"]
array.slice(1);//["扎在那个","好"]
array.slice(-3,-2);//["扎在那个"]
array.slice(-1);//["好","扎在那个"]

小程序配图(我选取第二个“扎在那个”)

2、Array.splice(index,count,item1,……,itemX)

定义和用法

对数组进行删除和添加操作,然后返回被操作的项目

  • index:必填。在数组某下标开始进行删除或者添加操作。整数,如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个数组子集,-2 指倒数第二个数组子集,以此类推。
  • count:可选。需要删除的项目数量。如果设置为零,就不删除。若未设置,即删除在index下标后面所有的子集,(必须只设置了index,而其它参数未填)例如:array=["一号",“二号”];array.splice(1);//array=["一号"]
  • item1....itemX:向数组新添加的子集

(注意:该方法会改变原来的数组)

语法

var array=["好","扎在那个","好"];
array.splice(-1);//array=["好","扎在那个"]
array.splice(0,0,"战圣");//array=["战圣","好","扎在那个"];
array.splice(0,1);//array=["男","扎在那个"];

小程序配图(也选取第一个“好”,小程序的splice方法写的不好,请你谅解)

小程序代码片段源代码github地址:https://github.com/murenziwei/applet/tree/master/arrayCSDN

小程序实例:用js方法splict()、indexOf()、push()、replace()等操作数组Array的增删改查的更多相关文章

  1. [Django框架 - 静态文件配置、request对象方法初识、 pycharm链接数据库、ORM实操增删改查、django请求生命周期]

    [Django框架 - 静态文件配置.request对象方法初识. pycharm链接数据库.ORM实操增删改查.django请求生命周期] 我们将html文件默认都放在templates文件夹下 将 ...

  2. 微信小程序引入外部js 方法

    步骤: 1.首先将外部js放在你指定的文件夹里(这都是废话...) 2.接下来 将该js文件中你要使用的方法给暴露出来 3.在您要使用的js中引入该js 4.使用暴露出来的方法 例子:使用md5加密 ...

  3. 在node.js中,使用基于ORM架构的Sequelize,操作mysql数据库之增删改查

    Sequelize是一个基于promise的关系型数据库ORM框架,这个库完全采用JavaScript开发并且能够用在Node.JS环境中,易于使用,支持多SQL方言(dialect),.它当前支持M ...

  4. [转]在node.js中,使用基于ORM架构的Sequelize,操作mysql数据库之增删改查

    本文转自:https://www.cnblogs.com/kongxianghai/p/5582661.html Sequelize是一个基于promise的关系型数据库ORM框架,这个库完全采用Ja ...

  5. vue2.0.js基础开发使用心得(结合实际项目对数据的增删改查)

    1.首先申明,没有使用vue 的组件,以及脚手架等,都是一些基础语法的使用. ------------------------------------------------------------- ...

  6. node.js 实现接口-操作文件进行用户增删改查

    首先安装npm,使用npm安装express npm install express -S /* * @Author: yinxin * @Date: 2020-03-27 10:18:41 * @L ...

  7. node.js操作mysql数据库之增删改查

    安装mysql模块 npm install mysql 数据库准备 mysql server所在的机器IP地址是192.168.0.108,登录账户就用root@123456 在mysql中创建tes ...

  8. jQuery EasyUI/TopJUI实现数据表格的增删改查功能(不写js,纯HTML实现!!!)

    jQuery EasyUI/TopJUI实现数据表格的增删改查功能(不写js,纯HTML实现!!!) 废话不多说,直接贴上代码 <table id="configEdatagrid&q ...

  9. 微信小程序实例教程(一)

    序言 开始开发应用号之前,先看看官方公布的「小程序」教程吧!(以下内容来自微信官方公布的「小程序」开发指南) 本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果.这个小程序 ...

随机推荐

  1. floyd算法之最小环问题

    最小环问题:都比较容易得到从u 到 v 经过中间某一些结点的最短路,但是我们得确保回来的时候,不能经过那些结点,这样我们就需要改一下floyd算法了 进而我们想到用Floyd算法.我们知道,Floyd ...

  2. Tomcat数据源配置方法总结

    最近接触的数据表管理项目,涉及到了数据源配置,所以整理了一下配置方法: JNDI数据源统一都是在Tomcat下server.xml中配置的,根据应用范围的差别又分为一下几种方式: 第一种:配置单个应用 ...

  3. hive 动态分区与混合分区

    hive的分区概念,相信大家都非常了解了.通过将数据放在hdfs不同的文件目录下,查表时,只扫描对应分区下的数据,避免了全表扫描. 提升了查询效率. 关于hive分区,我们还会用到多级分区.动态分区. ...

  4. NTP 服务器搭建

    FROM:http://blog.sina.com.cn/s/blog_511b46d10100agzf.html 配置环境: 1. 假设在 192.168.0.0 网段内,要以IP为 10.233. ...

  5. 加密算法比较3DES AES RSA ECC MD5 SHA1等

    加 密算法通常分为对称性加密算法和非对称性加密算法,对于对称性加密算法,信息接收双方都需事先知道密匙和加解密算法且其密匙是相同的,之后便是对数据进行 加解密了.非对称算法与之不同,发送双方A,B事先均 ...

  6. winform 查找控件并获取特定类型控件

    //通过反射获取所有控件集合 System.Reflection.FieldInfo[] fieldInfo = this.GetType().GetFields(System.Reflection. ...

  7. Linux Shell脚本编程提高(12)

    实际上Shell是一个命令解释器,它解释由用户输入的命令并且把它们送到内核,不仅如此,Shell有自己的编程语言用于对命令的编辑,它允许用户编写由shell命令组成的程序.Shel编程语言具有普通编程 ...

  8. 异常处理,约束,MD5加密日志处理

    程序运行过程中产生的错误, 不正常 def chufa(a, b): try: # 尝试执行xxx代码 ret = a/b # 如果这里出现了错误. 异常. 系统内部会产生一个异常对象. 系统会把这个 ...

  9. [Visual Studio] 记一次排错:打不开 Nuget 包管理器里的安装package页面,无法 安装 / 恢复 包

    出差一阵子PC很久没用了, 回来在用Visual Studio (2017) 的时候, 工程里无法安装Package了  >_<    --- 也不知道电脑做了什么?--- Nuget包管 ...

  10. spring-boot集成mybatis,用redis做缓存

    网上有很多例子了,执行源码起码有3个,都是各种各样的小问题. 现在做了个小demo,实现spring-boot 用redis做缓存的实例,简单记录下思路,分享下源码. 缓存的实现,分担了数据库的压力, ...