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 相关文章推荐
javascript实现动态侧边栏代码
Feb 19 Javascript
用js一次改变多个input的readonly属性值的方法
Jun 11 Javascript
理解Javascript文件动态加载
Jan 29 Javascript
用jquery获取自定义的标签属性的值简单实例
Sep 17 Javascript
Vue数组更新及过滤排序功能
Aug 10 Javascript
jQuery实现表格冻结顶栏效果
Aug 20 jQuery
实现div滚动条默认最底部以及默认最右边的示例代码
Nov 15 Javascript
vue 组件 全局注册和局部注册的实现
Feb 28 Javascript
VUE重点问题总结
Mar 19 Javascript
基于node.js实现爬虫的讲解
Feb 18 Javascript
js中offset,client , scroll 三大元素知识点总结
Sep 11 Javascript
JavaScript 中判断变量是否为数字的示例代码
Oct 22 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
用ADODB来让PHP操作ACCESS数据库的方法
2006/12/31 PHP
PHP setTime 设置当前时间的代码
2012/08/27 PHP
PHP插入排序实现代码
2013/04/04 PHP
php封装的page分页类完整实例
2016/10/18 PHP
PHP实现活动人选抽奖功能
2017/04/19 PHP
php正确输出json数据的实例讲解
2018/08/21 PHP
Laravel5.7 数据库操作迁移的实现方法
2019/04/12 PHP
PHP中通过getopt解析GNU C风格命令行选项
2019/11/18 PHP
Avengerls vs Newbee BO3 第三场2.18
2021/03/10 DOTA
激活 ActiveX 控件
2006/10/09 Javascript
jquery.fileEveryWhere.js 一个跨浏览器的file显示插件
2011/10/24 Javascript
jQuery隔行变色与普通JS写法的对比
2013/04/21 Javascript
使用 NodeJS+Express 开发服务端的简单介绍
2017/04/07 NodeJs
JavaScript数据结构之二叉树的计数算法示例
2017/04/13 Javascript
详解Vue.js使用Swiper.js在iOS
2018/09/10 Javascript
Vue项目中Api的组织和返回数据处理的操作
2019/11/04 Javascript
JSON获取属性值方法代码实例
2020/06/30 Javascript
详解Python验证码识别
2016/01/25 Python
Python函数装饰器原理与用法详解
2019/08/16 Python
PyCharm配置anaconda环境的步骤详解
2020/07/31 Python
Python无损压缩图片的示例代码
2020/08/06 Python
浅析Python打包时包含静态文件处理方法
2021/01/15 Python
25个CSS3动画按钮和菜单教程分享
2012/10/03 HTML / CSS
美国名牌香水折扣网站:Hottperfume
2021/02/10 全球购物
企业面试题试卷附带答案
2015/12/20 面试题
医生实习工作总结的自我评价
2013/09/27 职场文书
小区门卫值班制度
2014/01/24 职场文书
国际贸易毕业生求职信范文
2014/02/21 职场文书
共产党员公开承诺书
2014/03/25 职场文书
竞选班干部演讲稿600字
2014/08/20 职场文书
高校教师个人工作总结2014
2014/12/17 职场文书
小学少先队辅导员述职报告
2015/01/10 职场文书
粗暴解决CUDA out of memory的问题
2021/05/22 Python
手把手教你怎么用Python实现zip文件密码的破解
2021/05/27 Python
Mysql排查分析慢sql之explain实战案例
2022/04/19 MySQL
python数字图像处理之图像自动阈值分割示例
2022/06/28 Python