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和jquery中有关透明度设置的相关问题
Jan 08 Javascript
JavaScript设计模式之单件模式介绍
Dec 28 Javascript
深入浅析JavaScript中对事件的三种监听方式
Sep 29 Javascript
Bootstrap图片轮播组件使用实例解析
Jun 30 Javascript
WEB 前端开发中防治重复提交的实现方法
Oct 26 Javascript
jQuery的ready方法实现原理分析
Oct 26 Javascript
boostrapTable的refresh和refreshOptions区别浅析
Jan 22 Javascript
浅析jsopn跨域请求原理及cors(跨域资源共享)的完美解决方法
Feb 06 Javascript
关于jQuery中fade(),show()起始位置的一点小发现
Apr 25 jQuery
vue实现自定义日期组件功能的实例代码
Nov 06 Javascript
js使用cookie实现记住用户名功能示例
Jun 13 Javascript
Vue使用路由钩子拦截器beforeEach和afterEach监听路由
Nov 16 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.MVC的模板标签系统(二)
2006/09/05 PHP
PHP中实现图片的锐化
2006/10/09 PHP
PHP中的CMS的涵义
2007/03/11 PHP
php初学者写及时补给skype用户充话费的小程序
2008/11/02 PHP
php smarty函数扩展
2010/03/15 PHP
PHP Zip解压 文件在线解压缩的函数代码
2010/05/26 PHP
php 指定范围内多个随机数代码实例
2016/07/18 PHP
PHP注释语法规范与命名规范详解篇
2018/01/21 PHP
PHP与Perl之间知识点区别整理
2019/03/19 PHP
浅谈laravel aliases别名的原理
2019/10/24 PHP
YII2框架中日志的配置与使用方法实例分析
2020/03/18 PHP
AngularJS 表达式详细讲解及实例代码
2016/07/26 Javascript
AngularJS表单提交实例详解
2017/02/18 Javascript
微信公众号平台接口开发 获取access_token过程解析
2019/08/14 Javascript
谈谈JavaScript中的函数
2020/09/08 Javascript
如何通过Proxy实现JSBridge模块化封装
2020/10/22 Javascript
javascript实现移动端轮播图
2020/12/09 Javascript
聊聊vue 中的v-on参数问题
2021/01/29 Vue.js
利用Python的Flask框架来构建一个简单的数字商品支付解决方案
2015/03/31 Python
python机器人行走步数问题的解决
2018/01/29 Python
python 读取.csv文件数据到数组(矩阵)的实例讲解
2018/06/14 Python
Python访问MongoDB,并且转换成Dataframe的方法
2018/10/15 Python
对Python3中dict.keys()转换成list类型的方法详解
2019/02/03 Python
python机器学习库scikit-learn:SVR的基本应用
2019/06/26 Python
django框架用户权限中的session缓存到redis中的方法
2019/08/06 Python
python如何构建mock接口服务
2021/01/28 Python
浅析python连接数据库的重要事项
2021/02/22 Python
使用css3和jquery实现可伸缩搜索框
2014/02/12 HTML / CSS
css3实现背景动态渐变效果
2019/12/10 HTML / CSS
欧尚俄罗斯网上超市:Auchan俄罗斯
2018/05/03 全球购物
Linux不知道文件后缀名怎么判断文件类型
2014/08/21 面试题
电子商务专业毕业生求职信
2014/06/12 职场文书
公安机关查摆剖析材料
2014/10/10 职场文书
副总经理岗位职责
2015/02/02 职场文书
自我评价优缺点范文
2015/03/11 职场文书
追悼会悼词大全
2015/06/23 职场文书