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 强制设为首页的代码
Jan 31 Javascript
Javascript 日期处理之时区问题
Oct 08 Javascript
JQuery最佳实践之精妙的自定义事件
Aug 11 Javascript
用javascript判断IE版本号简单实用且向后兼容
Sep 11 Javascript
JavaScript设计模式之观察者模式(发布者-订阅者模式)
Sep 24 Javascript
jQuery结合HTML5制作的爱心树表白动画
Feb 01 Javascript
Javascript实现飞动广告效果的方法
May 25 Javascript
基于JavaScript操作DOM常用的API小结
Dec 01 Javascript
详解使用fetch发送post请求时的参数处理
Apr 05 Javascript
浅析Vue 和微信小程序的区别、比较
Aug 03 Javascript
vue实现滑动切换效果(仅在手机模式下可用)
Jun 29 Javascript
vue实现一个6个输入框的验证码输入组件功能的实例代码
Jun 29 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-fpm的两种进程管理模式详解
2013/06/03 PHP
PHP使用CURL获取302跳转后的地址实例
2014/05/04 PHP
简单的php+mysql聊天室实现方法(附源码)
2016/01/05 PHP
PHP数组实例详解
2016/06/26 PHP
popdiv
2006/07/14 Javascript
js模仿html5 placeholder适应于不支持的浏览器
2013/01/13 Javascript
JavaScript中的Web worker多线程API研究
2014/12/06 Javascript
Jquery1.9.1源码分析系列(十五)动画处理之外篇
2015/12/04 Javascript
JQuery解析XML的方法小结
2016/04/02 Javascript
javascript实现粘贴qq截图功能(clipboardData)
2016/05/29 Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
2016/09/04 Javascript
RequireJs的使用详解
2017/02/19 Javascript
多个上传文件用js验证文件的格式和大小的方法(推荐)
2017/03/09 Javascript
JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)(2)
2017/05/17 Javascript
微信小程序多音频播放进度条问题
2018/08/28 Javascript
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
2018/12/05 Javascript
微信小程序复选框实现多选一功能过程解析
2020/02/14 Javascript
详解Node.js使用token进行认证的简单示例
2020/05/25 Javascript
使用Python操作MySQL的一些基本方法
2015/08/16 Python
Python数据分析之如何利用pandas查询数据示例代码
2017/09/01 Python
python 编写简单网页服务器的实例
2018/06/01 Python
Tensorflow 实现分批量读取数据
2020/01/04 Python
Python3变量与基本数据类型用法实例分析
2020/02/14 Python
python GUI库图形界面开发之PyQt5切换按钮控件QPushButton详细使用方法与实例
2020/02/28 Python
Python小整数对象池和字符串intern实例解析
2020/03/21 Python
python实现简单文件读写函数
2021/02/25 Python
css3 transform导致子元素固定定位变成绝对定位的方法
2020/03/06 HTML / CSS
详解HTML5 LocalStorage 本地存储
2016/12/23 HTML / CSS
使用Html5、CSS实现文字阴影效果
2018/01/17 HTML / CSS
村党支部换届选举方案
2014/05/02 职场文书
承诺书范本
2015/01/21 职场文书
小学生节水倡议书
2015/04/29 职场文书
解除处分决定书
2015/06/25 职场文书
高中数学课堂教学反思
2016/02/18 职场文书
HTML通过表单实现酒店筛选功能
2021/05/18 HTML / CSS
解决使用了nginx获取IP地址都是127.0.0.1 的问题
2021/09/25 Servers