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比较文档位置
Apr 08 Javascript
jqGrid jQuery 表格插件测试代码
Aug 23 Javascript
JQuery表格内容过滤的实现方法
Jul 05 Javascript
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
Dec 31 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
Dec 21 Javascript
Angular通过angular-cli来搭建web前端项目的方法
Jul 27 Javascript
使用Vue自定义数字键盘组件(体验度极好)
Dec 19 Javascript
JS实现去除数组中重复json的方法示例
Dec 21 Javascript
Angular4学习教程之DOM属性绑定详解
Jan 04 Javascript
js实现轮播图的完整代码
Oct 26 Javascript
详解服务端预渲染之Nuxt(介绍篇)
Apr 07 Javascript
jQuery实现滑动开关效果
Aug 02 jQuery
使用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
如何分别全角和半角以避免乱码
2006/10/09 PHP
Ha0k 0.3 PHP 网页木马修改版
2009/10/11 PHP
php读取xml实例代码
2010/01/28 PHP
CI框架源码阅读,系统常量文件constants.php的配置
2013/02/28 PHP
使用swoole扩展php websocket示例
2014/02/13 PHP
php 流程控制switch的简单实例
2016/06/07 PHP
PHP基于迭代实现文件夹复制、删除、查看大小等操作的方法
2017/08/11 PHP
php文件包含的几种方式总结
2019/09/19 PHP
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
2013/01/24 Javascript
JS调试必备的5个debug技巧
2014/03/07 Javascript
jquery中radio checked问题
2015/03/16 Javascript
JS实现CheckBox复选框全选全不选功能
2015/05/06 Javascript
jquery如何获取元素的滚动条高度等实现代码
2015/10/19 Javascript
Avalon中文长字符截取、关键字符隐藏、自定义过滤器
2016/05/18 Javascript
浅谈vue的props,data,computed变化对组件更新的影响
2018/01/16 Javascript
Bootstrap 按钮样式与使用代码详解
2018/12/09 Javascript
解决vue加scoped后就无法修改vant的UI组件的样式问题
2020/09/07 Javascript
Python3基础之输入和输出实例分析
2014/08/18 Python
python读写ini配置文件方法实例分析
2015/06/30 Python
python实现最长公共子序列
2018/05/22 Python
pycharm使用matplotlib.pyplot不显示图形的解决方法
2018/10/28 Python
浅谈python标准库--functools.partial
2019/03/13 Python
django-rest-swagger的优化使用方法
2019/08/29 Python
使用python绘制二维图形示例
2019/11/22 Python
Python爬取数据并实现可视化代码解析
2020/08/12 Python
捷克浴室和厨房设备购物网站:SIKO
2018/08/11 全球购物
Molton Brown美国官网:奢华美容、香水、沐浴和身体护理
2020/09/02 全球购物
董事长岗位职责
2013/11/30 职场文书
商场活动策划方案
2014/01/24 职场文书
护理专业毕业生自我鉴定总结
2014/03/24 职场文书
教师先进工作者事迹材料
2014/05/01 职场文书
伦敦奥运会的口号
2014/06/21 职场文书
敬老月活动总结
2014/08/28 职场文书
纺织工程专业推荐信
2014/09/08 职场文书
建筑安全员岗位职责
2015/02/15 职场文书
放假通知怎么写
2015/08/18 职场文书