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所必须要知道的一些
Mar 07 Javascript
firefox 和 ie 事件处理的细节,研究,再研究 书写同时兼容ie和ff的事件处理代码
Apr 12 Javascript
JQuery 学习笔记 element属性控制
Jul 23 Javascript
javascript中的绑定与解绑函数应用示例
Jun 24 Javascript
Javascript的&&和||的另类用法
Jul 23 Javascript
关于json字符串与实体之间的严格验证代码
Nov 10 Javascript
浅谈node的事件机制
Oct 09 Javascript
JavaScript 正则命名分组【推荐】
Jun 07 Javascript
详解VUE Element-UI多级菜单动态渲染的组件
Apr 25 Javascript
JavaScript面向对象程序设计中对象的定义和继承详解
Jul 29 Javascript
JavaScript实现单图片上传并预览功能
Sep 30 Javascript
解决ant design vue中树形控件defaultExpandAll设置无效的问题
Oct 26 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+mysql实现用户注册登陆的方法
2015/01/03 PHP
9个实用的PHP代码片段分享
2015/01/22 PHP
轻松实现php文件上传功能
2017/02/17 PHP
PHP注释语法规范与命名规范详解篇
2018/01/21 PHP
tp框架(thinkPHP)实现三次登陆密码错误之后锁定账号功能示例
2018/05/24 PHP
PHP笛卡尔积实现原理及代码实例
2020/12/09 PHP
javascript整除实现代码
2010/11/23 Javascript
javascript中length属性的探索
2011/07/31 Javascript
JavaScript的Module模式编程深入分析
2013/08/13 Javascript
javascript框架设计读书笔记之模块加载系统
2014/12/02 Javascript
node.js中的fs.appendFileSync方法使用说明
2014/12/17 Javascript
javascript引用赋值(地址传值)用法实例
2015/01/13 Javascript
JS基于VML技术实现的五角星礼花效果代码
2015/10/26 Javascript
浅析jQuery Mobile的初始化事件
2015/12/03 Javascript
js原生跨域_用script标签的简单实现
2016/09/24 Javascript
原生js的RSA和AES加密解密算法
2016/10/08 Javascript
Angularjs 实现移动端在线测评效果(推荐)
2017/04/05 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
2017/06/13 Javascript
VUE饿了么树形控件添加增删改功能的示例代码
2017/10/17 Javascript
浅谈Vue响应式(数组变异方法)
2018/05/07 Javascript
详解Element 指令clickoutside源码分析
2019/02/15 Javascript
Bootstrap实现省市区三级联动(亲测可用)
2019/07/26 Javascript
使用JavaScrip模拟实现仿京东搜索框功能
2019/10/16 Javascript
[55:23]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python全局变量用法实例分析
2016/07/19 Python
python脚本之一键移动自定格式文件方法实例
2019/09/02 Python
Python中用xlwt制作表格实例讲解
2020/11/05 Python
Vuori官网:运动服装的终级表现
2021/01/27 全球购物
介绍一下sql server的安全性
2014/08/10 面试题
诚信贷款承诺书
2014/05/30 职场文书
师德师风学习材料
2014/12/19 职场文书
2016十一国庆节感言
2015/12/09 职场文书
2019个人半年工作总结
2019/06/21 职场文书
OpenCV-Python模板匹配人眼的实例
2021/06/08 Python
使用Redis做预定库存缓存功能
2022/04/02 Redis
vue实现列表垂直无缝滚动
2022/04/08 Vue.js