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 相关文章推荐
精解window.setTimeout()&window.setInterval()使用方式与参数传递问题!
Nov 23 Javascript
讨论javascript(一)工厂方式 js面象对象的定义方法
Dec 15 Javascript
javascript抖动元素的小例子
Oct 28 Javascript
Javascript图片上传前的本地预览实例
Jun 16 Javascript
jquery中$(#form :input)与$(#form input)的区别
Aug 18 Javascript
js实现Select头像选择实时预览代码
Aug 17 Javascript
js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
Sep 09 Javascript
Angularjs 实现移动端在线测评效果(推荐)
Apr 05 Javascript
使用JS组件实现带ToolTip验证框的实例代码
Aug 23 Javascript
vue异步加载高德地图的实现
Jun 19 Javascript
Vue 组件注册实例详解
Feb 23 Javascript
Angular脚手架开发的实现步骤
Apr 09 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中通过加号合并数组的一个简单方法分享
2011/01/27 PHP
使用PHP Socket写的POP3类
2013/10/30 PHP
php身份证号码检查类实例
2015/06/18 PHP
php把数组值转换成键的方法
2015/07/13 PHP
PHP+JS实现的商品秒杀倒计时用法示例
2016/11/15 PHP
php判断str字符串是否是xml格式数据的方法示例
2017/07/26 PHP
使用JavaScript链式编程实现模拟Jquery函数
2014/12/21 Javascript
JS+CSS实现仿msn风格选项卡效果代码
2015/10/22 Javascript
self.attachevent is not a function的解决方法
2017/04/04 Javascript
微信小程序 登录的简单实现
2017/04/19 Javascript
JavaScript中.min.js和.js文件的区别讲解
2019/02/13 Javascript
通过JS运行机制的角度说说作用域
2019/03/12 Javascript
JS中的算法与数据结构之集合(Set)实例详解
2019/08/20 Javascript
Node.js HTTP服务器中的文件、图片上传的方法
2019/09/23 Javascript
JavaScript实现简单的弹窗效果
2020/05/19 Javascript
[36:14]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第二局
2016/02/28 DOTA
[01:01]2020完美高校联赛(秋)西安落幕
2021/03/11 DOTA
python赋值操作方法分享
2013/03/23 Python
python3解析库lxml的安装与基本使用
2018/06/27 Python
10 分钟快速入门 Python3的教程
2019/01/29 Python
Python小白必备的8个最常用的内置函数(推荐)
2019/04/03 Python
Python生成指定数量的优惠码实操内容
2019/06/18 Python
python开启debug模式的方法
2019/06/27 Python
基于tf.shape(tensor)和tensor.shape()的区别说明
2020/06/30 Python
html5在移动端的屏幕适应问题示例探讨
2014/06/15 HTML / CSS
医生进修自我鉴定
2014/01/19 职场文书
银行员工犯错检讨书
2014/09/16 职场文书
高等学院职业生涯规划书范文
2014/09/16 职场文书
公司股东出资证明书
2014/11/01 职场文书
南京导游词
2015/02/03 职场文书
计生个人工作总结
2015/02/28 职场文书
2015年预备党员自我评价
2015/03/04 职场文书
会议室使用管理制度
2015/08/06 职场文书
2016年“5.12”国际护士节活动总结
2016/04/06 职场文书
Pytorch 如何实现常用正则化
2021/05/27 Python
Spring Data JPA框架持久化存储数据到数据库
2022/04/28 Java/Android