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 相关文章推荐
通过jQuery源码学习javascript(一)
Dec 27 Javascript
解决javascript:window.close()在chrome,Firefox下失效的问题
May 07 Javascript
Javascript验证上传图片大小[前台处理]
Jul 18 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
Jan 19 Javascript
Angular2中Bootstrap界面库ng-bootstrap详解
Oct 18 Javascript
package.json文件配置详解
Jun 15 Javascript
JS+Ajax实现百度智能搜索框
Aug 04 Javascript
angularjs实现猜数字大小功能
May 20 Javascript
vue组件编写之todolist组件实例详解
Jan 22 Javascript
解决angular2 获取到的数据无法实时更新的问题
Aug 31 Javascript
浅谈vue中组件绑定事件时是否加.native
Nov 09 Javascript
详解TypeScript中的类型保护
Apr 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 array_merge下进行数组合并的代码
2008/07/22 PHP
php面向对象程序设计入门教程
2019/06/22 PHP
基于Jquery的开发个代阴影的对话框效果代码
2011/07/28 Javascript
Jquery实现鼠标移上弹出提示框、移出消失思路及代码
2013/05/19 Javascript
jquery 实现返回顶部功能
2014/11/17 Javascript
javascript原始值和对象引用实例分析
2015/04/25 Javascript
js实现精美的图片跟随鼠标效果实例
2015/05/16 Javascript
JavaScript中的call方法和apply方法使用对比
2015/08/12 Javascript
jQuery动态追加页面数据以及事件委托详解
2017/05/06 jQuery
vue2.0 与 bootstrap datetimepicker的结合使用实例
2017/05/22 Javascript
基于vue 实现token验证的实例代码
2017/12/14 Javascript
Webpack打包字体font-awesome的方法示例
2018/04/26 Javascript
JavaScript刷新页面的几种方法总结
2019/03/28 Javascript
vue项目强制清除页面缓存的例子
2019/11/06 Javascript
vue实现列表滚动的过渡动画
2020/06/29 Javascript
JavaScript实现手风琴效果
2021/02/18 Javascript
[01:01:25]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第三局
2016/02/27 DOTA
[59:48]LGD vs IG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[01:01:22]VGJ.S vs OG 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
python实现爬取百度图片的方法示例
2019/07/06 Python
如何在pycharm中安装第三方包
2020/10/27 Python
法国在线药房:1001Pharmacies
2021/03/07 全球购物
如何编写优秀的食品项目创业计划书
2014/01/23 职场文书
优秀求职信
2014/05/29 职场文书
争先创优公开承诺书
2014/08/30 职场文书
2014镇党委班子对照检查材料思想汇报
2014/09/23 职场文书
六查六看自查报告
2014/10/14 职场文书
幼儿教师小班个人总结
2015/02/05 职场文书
2015年酒店服务员工作总结
2015/05/18 职场文书
2015年校务公开工作总结
2015/05/26 职场文书
2016大学军训心得体会
2016/01/11 职场文书
转变工作作风心得体会
2016/01/23 职场文书
Python如何使用logging为Flask增加logid
2021/03/30 Python
python 下载文件的几种方式分享
2021/04/07 Python
springboot中一些比较常用的注解总结
2021/06/11 Java/Android
WINDOWS下安装mysql 8.x 的方法图文教程
2022/04/19 MySQL