javascript 数组(list)添加/删除的实现


Posted in Javascript onDecember 17, 2020

javascript 数组Array(list)添加/删除

  • unshift:将参数添加到原数组开头,并返回数组的长度
  • pop:删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined
  • push:将参数添加到原数组末尾,并返回数组的长度
  • concat:返回一个新数组,是将参数添加到原数组中构成的
  • splice(start,deleteCount,val1,val2,…):从start位置开始删除deleteCount项,并从该位置起插入val1,val2,…
  • reverse:将数组反序
  • sort(orderfunction):按指定的参数对数组进行排序
  • slice(start,end):返回从原数组中指定开始下标到结束下标之间的项组成的新数组

详细:

1、数组的创建

var arrayObj = new Array(); //创建一个数组
var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度
var arrayObj = new Array([element0[, element1[, …[, elementN]]]]); 创建一个数组并赋值

要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。

2、数组的元素的访问

var testGetArrValue=arrayObj[1]; //获取数组的元素值
arrayObj[1]= “这是新值”; //给数组元素赋予新的值

3、数组元素的添加

arrayObj. push([item1 [item2 [… [itemN ]]]]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度
arrayObj.unshift([item1 [item2 [… [itemN ]]]]);// 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度
arrayObj.splice(insertPos,0,[item1[, item2[, … [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回”“。

4、数组元素的删除

arrayObj.pop(); //移除最后一个元素并返回该元素值
arrayObj.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移
arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素

5、数组的截取和合并

arrayObj.slice(start, [end]); //以数组的形式返回数组的一部分,注意不包括 end 对应的元素,如果省略 end 将复制 start 之后的所有元素
arrayObj.concat([item1[, item2[, … [,itemN]]]]); //将多个数组(也可以是字符串,或者是数组和字符串的混合)连接为一个数组,返回连接好的新的数组

6、数组的拷贝

arrayObj.slice(0); //返回数组的拷贝数组,注意是一个新的数组,不是指向
arrayObj.concat(); //返回数组的拷贝数组,注意是一个新的数组,不是指向

7、数组元素的排序

arrayObj.reverse(); //反转元素(最前的排到最后、最后的排到最前),返回数组地址
arrayObj.sort(); //对数组元素排序,返回数组地址

8、数组元素的字符串化

arrayObj.join(separator); //返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 隔开。

toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用

到此这篇关于javascript 数组(list)添加/删除的文章就介绍到这了,更多相关javascript 数组添加/删除内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
js 解决“options为空或不是对象”
Dec 22 Javascript
刷新页面的几种方法小结(JS,ASP.NET)
Jan 07 Javascript
javascript对中文按照拼音排序代码
Aug 20 Javascript
jQuery+PHP打造滑动开关效果
Dec 16 Javascript
JavaScript中解析JSON数据的三种方法
Jul 03 Javascript
详解Node.js包的工程目录与NPM包管理器的使用
Feb 16 Javascript
JavaScript动态生成二维码图片
Apr 20 Javascript
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
Dec 13 Javascript
vue+axios新手实践实现登陆的示例代码
Jun 06 Javascript
浅谈redux以及react-redux简单实现
Aug 28 Javascript
详解Vue、element-ui、axios实现省市区三级联动
May 07 Javascript
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
May 14 Javascript
使用webpack5从0到1搭建一个react项目的实现步骤
Dec 16 #Javascript
CentOS 8.2服务器上安装最新版Node.js的方法
Dec 16 #Javascript
原生JS实现拖拽功能
Dec 16 #Javascript
vue图片裁剪插件vue-cropper使用方法详解
Dec 16 #Vue.js
vue实现图片裁剪后上传
Dec 16 #Vue.js
Vue-router中hash模式与history模式的区别详解
Dec 15 #Vue.js
JS创建自定义对象的六种方法总结
Dec 15 #Javascript
You might like
关于php微信订阅号开发之token验证后自动发送消息给订阅号但是没有消息返回的问题
2015/12/21 PHP
WordPress中重置文章循环的rewind_posts()函数讲解
2016/01/11 PHP
thinkphp配置文件路径的实现方法
2016/08/30 PHP
PHP设计模式(七)组合模式Composite实例详解【结构型】
2020/05/02 PHP
discuz论坛更换域名,详细文件修改步骤
2020/12/09 PHP
基于jquery的关于动态创建DOM元素的问题
2010/12/24 Javascript
Javascript中 关于prototype属性实现继承的原理图
2013/04/16 Javascript
左侧是表头的JS表格控件(自写,网上没有的)
2013/06/04 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
2014/06/06 Javascript
再谈javascript原型继承
2014/11/10 Javascript
Jquery-1.9.1源码分析系列(十一)之DOM操作
2015/11/25 Javascript
基于jQuery通过jQuery.form.js插件实现异步上传
2015/12/13 Javascript
AngularJS初始化静态模板详解
2016/01/14 Javascript
js自调用匿名函数的三种写法(推荐)
2016/08/19 Javascript
JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】
2016/08/19 Javascript
jQuery实现倒计时重新发送短信验证码功能示例
2017/01/12 Javascript
servlet+jquery实现文件上传进度条示例代码
2017/01/25 Javascript
jQuery实现菜单栏导航效果
2017/08/15 jQuery
Angular5中提取公共组件之radio list的实例代码
2018/07/10 Javascript
php中and 和 &&出坑指南
2018/07/13 Javascript
详解vue使用vue-layer-mobile组件实现toast,loading效果
2018/08/31 Javascript
nodejs中实现修改用户路由功能
2019/05/24 NodeJs
[02:35]DOTA2英雄基础教程 末日使者
2013/12/04 DOTA
python读取html中指定元素生成excle文件示例
2014/04/03 Python
Python监控主机是否存活并以邮件报警
2015/09/22 Python
Python 处理数据的实例详解
2017/08/10 Python
python函数调用,循环,列表复制实例
2020/05/03 Python
高考考python编程是真的吗
2020/07/20 Python
Python使用paramiko连接远程服务器执行Shell命令的实现
2021/03/04 Python
戴尔英国官网:Dell英国
2017/05/27 全球购物
白酒业务员岗位职责
2013/12/27 职场文书
心得体会怎么写
2013/12/30 职场文书
颁奖典礼主持词
2014/03/25 职场文书
2015年城管个人工作总结范文
2015/04/20 职场文书
python 爬取豆瓣网页的示例
2021/04/13 Python
给numpy.array增加维度的超简单方法
2021/06/02 Python