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 相关文章推荐
解析Javascript中中括号“[]”的多义性
Dec 03 Javascript
javascript在子页面中函数无法调试问题解决方法
Jan 17 Javascript
JavaScript对象数组如何按指定属性和排序方向进行排序
Jun 15 Javascript
jQuery+Pdo编写login登陆界面
Aug 01 Javascript
Kindeditor单独调用单图上传增加预览功能的实例
Jul 31 Javascript
JS实现闭包中的沙箱模式示例
Sep 07 Javascript
浅谈gulp创建完整的项目流程
Dec 20 Javascript
基于casperjs和resemble.js实现一个像素对比服务详解
Jan 10 Javascript
讲解vue-router之什么是动态路由
May 28 Javascript
微信小程序自定义toast弹窗效果的实现代码
Nov 15 Javascript
Vue退出登录时清空缓存的实现
Nov 12 Javascript
JavaScript实现雪花飘落效果
Dec 27 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
《Pokemon Sword·Shield》系列WEB动画《薄明之翼》第2话声优阵容公开!
2020/03/06 日漫
PHP中将字符串转化为整数(int) intval() printf() 性能测试
2020/03/20 PHP
php导入csv文件碰到乱码问题的解决方法
2014/02/10 PHP
安装ImageMagick出现error while loading shared libraries的解决方法
2014/09/23 PHP
WordPress自定义时间显示格式
2015/03/27 PHP
Yii2.0框架实现带分页的多条件搜索功能示例
2019/02/20 PHP
js的event详解。
2006/09/06 Javascript
入门基础学习 ExtJS笔记(一)
2010/11/11 Javascript
js简易namespace管理器 实例代码
2013/06/21 Javascript
JavaScript检测实例属性, 原型属性
2015/02/04 Javascript
JavaScript实现表格快速变色效果代码
2015/08/19 Javascript
jquery京东商城双11焦点图多图广告特效代码分享
2015/09/06 Javascript
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
2016/05/25 Javascript
jQuery UI Bootstrap是什么?
2016/06/17 Javascript
Javascript iframe交互并兼容各种浏览器的解决方法
2016/07/12 Javascript
基于BootStrap实现局部刷新分页实例代码
2016/08/08 Javascript
jQuery中$.grep() 过滤函数 数组过滤
2016/11/22 Javascript
jQuery扩展+xml实现表单验证功能的方法
2016/12/25 Javascript
canvas绘制万花筒效果(代码分享)
2017/01/20 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
2017/06/22 Javascript
Vue中jsx不完全应用指南小结
2019/11/01 Javascript
[03:04]DOTA2英雄基础教程 影魔
2013/12/11 DOTA
python3使用tkinter实现ui界面简单实例
2014/01/10 Python
python中使用urllib2伪造HTTP报头的2个方法
2014/07/07 Python
分享Python字符串关键点
2015/12/13 Python
浅谈Python 的枚举 Enum
2017/06/12 Python
python字符串过滤性能比较5种方法
2017/06/22 Python
Python反射用法实例简析
2017/12/22 Python
Tensorflow实现卷积神经网络用于人脸关键点识别
2018/03/05 Python
Python学习笔记之抓取某只基金历史净值数据实战案例
2019/06/03 Python
CSS3圆角和渐变2种常用功能详解
2016/01/06 HTML / CSS
安德玛比利时官网:Under Armour比利时
2019/08/28 全球购物
简单叙述一下MYSQL的优化
2016/05/09 面试题
手术室护士长竞聘书
2014/03/31 职场文书
《春天来了》教学反思
2014/04/07 职场文书
普希金诗歌赏析(6首)
2019/08/22 职场文书