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增删元素的代码
Feb 14 Javascript
JavaScript中把数字转换为字符串的程序代码
Jun 19 Javascript
解析DHTML,JavaScript,DOM,BOM以及WEB标准的描述
Jun 19 Javascript
js截取小数点后几位的写法
Nov 14 Javascript
在Linux上用forever实现Node.js项目自启动
Jul 09 Javascript
JS模拟按钮点击功能的方法
Dec 22 Javascript
JS作为值的函数用法示例
Jun 20 Javascript
jQuery EasyUI右键菜单实现关闭标签/选项卡
Oct 10 Javascript
js核心基础之闭包的应用实例分析
May 11 Javascript
jquery向后台提交数组的代码分析
Feb 20 jQuery
JavaScript设计模式之门面模式原理与实现方法分析
Mar 09 Javascript
Vue 组件复用多次自定义参数操作
Jul 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
第七节--类的静态成员
2006/11/16 PHP
php 变量未定义等错误的解决方法
2011/01/12 PHP
codeigniter教程之上传视频并使用ffmpeg转flv示例
2014/02/13 PHP
php 5.4 全新的代码复用Trait详解
2017/01/05 PHP
Laravel 5.4因特殊字段太长导致migrations报错的解决
2017/10/22 PHP
PHP类与对象后期静态绑定操作实例详解
2018/12/20 PHP
php服务器的系统详解
2019/10/12 PHP
Javascript 篱式条件判断
2008/08/22 Javascript
jquery 之 $().hover(func1, funct2)使用方法
2012/06/14 Javascript
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
2013/02/26 Javascript
jquery删除ID为sNews的tr元素的内容
2014/04/10 Javascript
jquery form 隐藏的input 选择
2014/04/29 Javascript
jQuery实现仿Google首页拖动效果的方法
2015/05/04 Javascript
阿里巴巴技术文章分享 Javascript继承机制的实现
2016/01/14 Javascript
适用于javascript开发者的Processing.js入门教程
2016/02/24 Javascript
JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
2016/11/01 Javascript
javascript实现复选框全选或反选
2017/02/04 Javascript
js时间查询插件使用详解
2017/04/07 Javascript
JavaScript监听触摸事件代码实例
2019/12/30 Javascript
手把手教你实现 Promise的使用方法
2020/09/02 Javascript
webstorm建立vue-cli脚手架的傻瓜式教程
2020/09/22 Javascript
[02:28]DOTA2亚洲邀请赛附加赛 RECAP赛事回顾
2015/01/29 DOTA
zbar解码二维码和条形码示例
2014/02/07 Python
简单谈谈python中的Queue与多进程
2016/08/25 Python
Python如何读取MySQL数据库表数据
2017/03/11 Python
python获取交互式ssh shell的方法
2019/02/14 Python
Python使用uuid库生成唯一标识ID
2020/02/12 Python
Python 中 sorted 如何自定义比较逻辑
2021/02/02 Python
一款利用html5和css3动画排列人物头像的实例演示
2014/12/05 HTML / CSS
使用HTML5中的contentEditable来将多行文本自动增高
2016/03/01 HTML / CSS
介绍一下HTTP、HTTPS和SSL
2012/12/16 面试题
销售总监工作职责
2013/11/21 职场文书
《藏戏》教学反思
2014/02/11 职场文书
党支部公开承诺书
2014/03/28 职场文书
2014年司机工作总结
2014/11/21 职场文书
惊涛骇浪观后感
2015/06/05 职场文书