小程序实例:用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("好");//0array[selectIndex]="爱你一万年";//array=>["爱你一万年","扎在那个","好"]

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

2、Array.lastIndexOf(value,index)

定义和用法

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

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

语法

var array=["好","扎在那个","好"];var selectIndex=array.lastIndexOf("好");//2array[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

原文地址:https://www.cnblogs.com/murenziwei/p/10025689.html

时间: 2024-10-09 03:16:17

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

(写给像我一样刚离开校园进入公司的小菜鸟)在领域架构下,如何实现简单的展示页面以及增删改查(第一步)

第一次到公司,现在进行的项目已经开始了有一段时间了,底层架构早已搭建好,经过一段时间熟悉,现在为自己记录一下 大致结构如此图所示,我们需要完成的任务只需要涉及三个类库Domain,Model,Web 流程如下: 1.Model: 1.1 Entities文件=>>新建实体模型 2.Domain: 2.0 Domain类库下有个模型工厂文件件ModelCreateFactory在里面添加实体模型与数据模型转换的TSETZAaaaModelFactory.cs 代码如下 1 using Syste

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

本文转自:https://www.cnblogs.com/kongxianghai/p/5582661.html Sequelize是一个基于promise的关系型数据库ORM框架,这个库完全采用JavaScript开发并且能够用在Node.JS环境中,易于使用,支持多SQL方言(dialect),.它当前支持MySQL,.MariaDB.SQLite.PostgreSQL.Sql Server 数据库. 目前在Node.js中,Sequelize的关注度较高,用的也较多. 因为是基于promi

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

安装mysql模块 npm install mysql 数据库准备 mysql server所在的机器IP地址是192.168.0.108,登录账户就用[email protected] 在mysql中创建test数据库 在test数据库中创建一张users表 操作 连接数据库 var mysql=require('mysql'); var connection = mysql.createConnection({ host : '192.168.0.108', user : 'root', p

【框架】[Hibernate]利用Hibernate进行单表的增删改查-Web实例

转载请注明出处:http://blog.csdn.net/qq_26525215 本文源自[大学之旅_谙忆的博客] 前面两篇博客已经将Hibernate的基础知识讲解得差不多了,差不多到写实例的时候了. 本篇只用hibernate进行单表的增删改查. 应用Hibernate,对students表进行增删改查. service层和DAO层,我都是直接写实现类了(因为这里主要是演示一下Hibernate的使用),如果是开发项目,注意一定要写接口! 准备数据库: 首先准备一个students表: cr

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

序言 开始开发应用号之前,先看看官方公布的「小程序」教程吧!(以下内容来自微信官方公布的「小程序」开发指南) 本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果.这个小程序的首页将会显示欢迎语以及当前用户的微信头像,点击头像,可以在新开的页面中查看当前小程序的启动日志. 1. 获取微信小程序的 AppID 首先,我们需要拥有一个帐号,如果你能看到该文档,我们应当已经邀请并为你创建好一个帐号.注意不可直接使用服务号或订阅号的 AppID. 利用提供的帐号,登录https

微信小程序实例源码大全

怎么本地测试微信小程序实例源码 1.下载源码 2.打开微信开发者工具 3.添加项目->选择本项目目录->编译执行 微信小程序实例源码大全 微信小程序游戏类demo:识色:从相似颜色中挑选不同的一个 源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1105 微信小程序精品demo:仿网易云音乐:歌单,FM,播放,评论 源码链接:http://www.wxapp-union.com/forum.php?mod=vie

微信小程序的正确开启方法,最新更新小程序附带详细图

我的微信版本早就更新到了最新版本V6.5.3 ,但是找遍了每个角落,都始终见不到"小程序"相关的东西,后来才知道,正确的开启方法如下! 打开微信,搜索"小程序示例"即可,点击小程序,进入界面,退出来之后会在"发现"一栏的最下面有"小程序的选项",详细的看下图.等添加完之后就可以从里面搜索小程序,添加小程序了! 看到了吧,非常多的小程序,可以免下载很多APP,节省手机空间. 但是,这个小程序搜索有个规则,就是你要搜索小程序,必须

微信小程序实例源码大全demo下载

怎么本地测试微信小程序实例源码 1.下载源码 2.打开微信开发者工具 3.添加项目->选择本项目目录->编译执行 微信小程序实例源码大全 微信小程序游戏类demo:识色:从相似颜色中挑选不同的一个 源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1105 微信小程序精品demo:仿网易云音乐:歌单,FM,播放,评论 源码链接:http://www.wxapp-union.com/forum.php?mod=vie

微信小程序引用外部js,引用外部样式,引用公共页面模板

https://blog.csdn.net/smartsmile2012/article/details/83414642 ================小程序引用外部js====================== //封装的函数function GetUserInfo2018() { console.log("获取用户信息8888")} function count(str) { console.log(str)} //转化成小程序模板语言 这一步非常重要 不然无法正确调用mod