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代码
Nov 10 Javascript
js简单实现HTML标签Select联动带跳转
Oct 23 Javascript
JQuery记住用户名和密码的具体实现
Apr 04 Javascript
JavaScript函数使用的基本教程
Jun 04 Javascript
jquery实现可横向和竖向展开的动态下滑菜单效果
Aug 24 Javascript
AngularJS实现给动态生成的元素绑定事件的方法
Dec 14 Javascript
JS调用Android、Ios原生控件
Jan 06 Javascript
谈谈对vue响应式数据更新的误解
Aug 01 Javascript
js如何编写简单的ajax方法库
Aug 02 Javascript
浅谈Vue 性能优化之深挖数组
Dec 11 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
Nov 12 Javascript
Javascript使用integrity属性进行安全验证
Nov 07 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设计模式之简单工厂模式详解
2014/09/04 PHP
基于php的微信公众平台开发入门实例
2015/04/15 PHP
PHP中类属性与类静态变量的访问方法示例
2016/07/13 PHP
Yii redis集合的基本使用教程
2020/06/14 PHP
JavaScript 参考教程
2006/12/29 Javascript
ajax无刷新动态调用股票信息(改良版)
2008/11/01 Javascript
关于event.cancelBubble和event.stopPropagation()的区别介绍
2011/12/11 Javascript
js 判断一个元素是否在页面中存在
2012/12/27 Javascript
Jquery:ajax实现翻页无刷新功能代码
2013/08/05 Javascript
JavaScript实现梯形乘法表的方法
2015/04/25 Javascript
js中函数声明与函数表达式
2015/06/03 Javascript
jQuery语法小结(超实用)
2015/12/31 Javascript
JS中如何实现复选框全选功能
2016/12/19 Javascript
详解nodejs 文本操作模块-fs模块(四)
2016/12/22 NodeJs
jquery 正整数数字校验正则表达式
2017/01/10 Javascript
使用vue.js实现联动效果的示例代码
2017/01/10 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
2020/09/10 Javascript
改进Django中的表单的简单方法
2015/07/17 Python
Python修改文件往指定行插入内容的实例
2019/01/30 Python
解决Python内层for循环如何break出外层的循环的问题
2019/06/24 Python
python 实现在一张图中绘制一个小的子图方法
2019/07/07 Python
python SocketServer源码深入解读
2019/09/17 Python
Spring Cloud Feign高级应用实例详解
2019/12/10 Python
django3.02模板中的超链接配置实例代码
2020/02/04 Python
Python通过正则库爬取淘宝商品信息代码实例
2020/03/02 Python
CSS3实现曲线阴影和翘边阴影
2016/05/03 HTML / CSS
Tory Burch德国官网:美国时尚生活品牌
2018/01/03 全球购物
波兰最大的度假胜地和城市公寓租赁运营商:Sun & Snow
2018/10/18 全球购物
什么是命名空间(NameSpace)
2015/11/24 面试题
垃圾回收的优点和原理
2014/05/16 面试题
小孩百日宴答谢词
2014/01/15 职场文书
2014学校庆三八妇女节活动总结
2014/03/01 职场文书
大学生励志演讲稿
2014/04/25 职场文书
中药学专业求职信
2014/05/31 职场文书
假释思想汇报范文
2014/10/11 职场文书
vue动态绑定style样式
2022/04/20 Vue.js