小程序实例:用js方法splict()、indexOf()、push()、replace()等操作数组Array的增删改查
一、增加数组子级
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的增删改查的更多相关文章
- [Django框架 - 静态文件配置、request对象方法初识、 pycharm链接数据库、ORM实操增删改查、django请求生命周期]
[Django框架 - 静态文件配置.request对象方法初识. pycharm链接数据库.ORM实操增删改查.django请求生命周期] 我们将html文件默认都放在templates文件夹下 将 ...
- 微信小程序引入外部js 方法
步骤: 1.首先将外部js放在你指定的文件夹里(这都是废话...) 2.接下来 将该js文件中你要使用的方法给暴露出来 3.在您要使用的js中引入该js 4.使用暴露出来的方法 例子:使用md5加密 ...
- 在node.js中,使用基于ORM架构的Sequelize,操作mysql数据库之增删改查
Sequelize是一个基于promise的关系型数据库ORM框架,这个库完全采用JavaScript开发并且能够用在Node.JS环境中,易于使用,支持多SQL方言(dialect),.它当前支持M ...
- [转]在node.js中,使用基于ORM架构的Sequelize,操作mysql数据库之增删改查
本文转自:https://www.cnblogs.com/kongxianghai/p/5582661.html Sequelize是一个基于promise的关系型数据库ORM框架,这个库完全采用Ja ...
- vue2.0.js基础开发使用心得(结合实际项目对数据的增删改查)
1.首先申明,没有使用vue 的组件,以及脚手架等,都是一些基础语法的使用. ------------------------------------------------------------- ...
- node.js 实现接口-操作文件进行用户增删改查
首先安装npm,使用npm安装express npm install express -S /* * @Author: yinxin * @Date: 2020-03-27 10:18:41 * @L ...
- node.js操作mysql数据库之增删改查
安装mysql模块 npm install mysql 数据库准备 mysql server所在的机器IP地址是192.168.0.108,登录账户就用root@123456 在mysql中创建tes ...
- jQuery EasyUI/TopJUI实现数据表格的增删改查功能(不写js,纯HTML实现!!!)
jQuery EasyUI/TopJUI实现数据表格的增删改查功能(不写js,纯HTML实现!!!) 废话不多说,直接贴上代码 <table id="configEdatagrid&q ...
- 微信小程序实例教程(一)
序言 开始开发应用号之前,先看看官方公布的「小程序」教程吧!(以下内容来自微信官方公布的「小程序」开发指南) 本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果.这个小程序 ...
随机推荐
- SRM473
250pt: 题意:在二维平面上,给定3种,左转.右转,以及前进一步,的指令序列循环执行,问整个移动过程是否是发散的. 思路:直接模拟一个周期,然后判断1.方向是否和初始时不同 2.是否在原来的点 满 ...
- unigui的编译部署
unigui的编译部署 unigui既可以EXE形态部署,也可以IIS的ISAPI的形态部署.关键在工程文件.dpr里面的编译开关. {$define UNIGUI_VCL} // 注释此编译开关将使 ...
- Android-Kotlin-递归与尾递归
递归: 阶乘计算: /** * 阶乘: * 1的阶乘是1,因为1往下走一个楼梯 就是0了 * 2的阶乘是 2*1 * 3的继承是 3*2*1 * 4的继承是 4*3*2*1 * 5的阶乘是 5*4*2 ...
- 在mac下配置Andriod环境 包括eclipse和andriod studio
1 前提 已经配置好了java的环境,课上要使用andriod开发. 2 步骤 2.1 eclipse 2.1.1先安装adt,adt是一个在eclipse中开发andriod的插件.由于墙,我是从其 ...
- Dacapao 实验集(9.12 版本) 能不能给个网址?【内存分析实验】
网址 Dacapao 实验集 引用 以前看到的文章,如果使用这个基准程序,引用文献很多时候是一篇论文: Blackburn S M, Garner R, Hoffmann C, et al. The ...
- 【转】[MySQL复制异常]Cannot execute statement: impossible to write to binary log since statement is in row for
MySQL复制错误]Last_Errno: 1666 Last_Error: Error executing row event: 'Cannot execute statement: imposs ...
- Spring IOC 容器源码分析 - 获取单例 bean
1. 简介 为了写 Spring IOC 容器源码分析系列的文章,我特地写了一篇 Spring IOC 容器的导读文章.在导读一文中,我介绍了 Spring 的一些特性以及阅读 Spring 源码的一 ...
- 【洛谷4587】 [FJOI2016]神秘数(主席树)
传送门 BZOJ 然而是权限题 洛谷 Solution 发现题目给出的一些规律,emm,如果我们新凑出来的一个数,那么后面一个数一定是\(sum+1\). 于是就可以主席树随便维护了! 代码实现 #i ...
- Borrowed Time
嘛,这是第一篇博客啦~ 应该会发知识点总结和题解一类的东西 当然也会拿这个博客当todolist使用了 希望自己可以变得更强吧
- 【062有新题】OCP 12c 062出现大量之前没有的新考题-16
choose one Which users are created and can be used for database and host management of your DBaaS da ...