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 相关文章推荐
游戏人文件夹程序 ver 4.03
Jul 14 Javascript
XRegExp 0.2: Now With Named Capture
Nov 30 Javascript
jqPlot Option配置对象详解
Jul 25 Javascript
JS 实现获取打开一个界面中输入的值
Mar 19 Javascript
jquery实现当滑动到一定位置时固定效果
Jun 17 Javascript
在Google 地图上实现做的标记相连接
Jan 05 Javascript
jquery文字填写自动高度的实现方法
Nov 07 Javascript
JavaScript实现的斑马线表格效果【隔行变色】
Sep 18 Javascript
图片懒加载imgLazyLoading.js使用详解
Sep 15 Javascript
vscode中vue-cli项目es-lint的配置方法
Jul 30 Javascript
深入浅出理解JavaScript高级定时器原理与用法
Aug 02 Javascript
vue获取时间戳转换为日期格式代码实例
Apr 17 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 无限级分类学习参考之对ecshop无限级分类的解析 带详细注释
2010/03/23 PHP
php获取当前url地址的方法小结
2017/01/10 PHP
PHP5中使用mysqli的prepare操作数据库的介绍
2019/03/18 PHP
PHP+fiddler抓包采集微信文章阅读数点赞数的思路详解
2019/12/20 PHP
解决JS浮点数运算出现Bug的方法
2013/03/12 Javascript
js特效,页面下雪的小例子
2013/06/17 Javascript
聊一聊JavaScript作用域和作用域链
2016/05/03 Javascript
基于KO+BootStrap+MVC实现的分页控件代码分享
2016/11/07 Javascript
js实现适合新闻类图片的轮播效果
2017/02/05 Javascript
Bootstrap一款超好用的前端框架
2017/09/25 Javascript
ng-events类似ionic中Events的angular全局事件
2018/09/05 Javascript
JSONP原理及应用实例详解
2018/09/13 Javascript
react配置antd按需加载的使用
2019/02/11 Javascript
详解webpack4.x之搭建前端开发环境
2019/03/28 Javascript
对layui中的onevent 和event的使用详解
2019/09/06 Javascript
three.js利用gpu选取物体并计算交点位置的方法示例
2019/11/25 Javascript
JS正则表达式验证端口范围(0-65535)
2020/01/06 Javascript
JavaScript实现旋转木马轮播图
2020/03/16 Javascript
解决vue 退出动画无效的问题
2020/08/09 Javascript
Python中的默认参数详解
2015/06/24 Python
selenium跳过webdriver检测并模拟登录淘宝
2019/06/12 Python
Python企业编码生成系统之主程序模块设计详解
2019/07/26 Python
python机器学习包mlxtend的安装和配置详解
2019/08/21 Python
Python sqlite3查询操作过程解析
2020/02/20 Python
python如何编写类似nmap的扫描工具
2020/11/06 Python
在canvas上实现元素图片镜像翻转动画效果的方法
2018/03/20 HTML / CSS
美国最好的钓鱼、狩猎和划船装备商店:Bass Pro Shops
2018/12/02 全球购物
如何查找和删除数据库中的重复数据
2014/11/05 面试题
Linux内核的同步机制是什么?主要有哪几种内核锁
2013/01/03 面试题
导师就业推荐信范文
2014/05/22 职场文书
自习课吵闹检讨书范文
2014/09/26 职场文书
文明单位创建材料
2014/12/24 职场文书
幼儿教师年度个人总结
2015/02/05 职场文书
工厂仓管员岗位职责
2015/04/01 职场文书
2019大学生预备党员转正思想汇报
2019/06/21 职场文书
一文搞懂Python Sklearn库使用
2021/08/23 Python