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和DOM Interfaces来处理HTML
Oct 09 Javascript
javascript禁用键盘功能键让右击及其他键无效
Oct 09 Javascript
单元选择合并变色示例代码
May 26 Javascript
数据分析软件之FineReport教程:[5]参数界面JS(全)
Aug 13 Javascript
全面解析标签页的切换方式
Aug 21 Javascript
JS数组搜索之折半搜索实现方法分析
Mar 27 Javascript
基于Vue实现页面切换左右滑动效果
Jun 29 Javascript
对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
Aug 27 Javascript
微信实现自动跳转到用其他浏览器打开指定APP下载
Feb 15 Javascript
vue中$refs, $emit, $on, $once, $off的使用详解
May 26 Javascript
JS Generator 函数的含义与用法实例总结
Apr 08 Javascript
深入解读VUE中的异步渲染的实现
Jun 19 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 事件机制(2)
2011/03/23 PHP
windows7下安装php的php-ssh2扩展教程
2014/07/04 PHP
PHP实现文件上传与下载实例与总结
2016/03/13 PHP
PHP之认识(二)关于Traits的用法详解
2019/04/11 PHP
Thinkphp 框架配置操作之动态配置、扩展配置及批量配置实例分析
2020/05/15 PHP
javascript 出生日期和身份证判断大全
2008/11/13 Javascript
一句话JavaScript表单验证代码
2009/08/02 Javascript
jquery select(列表)的操作(取值/赋值)
2009/08/06 Javascript
JavaScript Event学习第四章 传统的事件注册模型
2010/02/07 Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
2013/04/26 Javascript
用js判断输入是否为中文的函数
2014/03/10 Javascript
在JavaScript中使用timer示例
2014/05/08 Javascript
javascript实现日期时间动态显示示例代码
2015/09/08 Javascript
跟我学习javascript的prototype使用注意事项
2015/11/17 Javascript
Nodejs获取网络数据并生成Excel表格
2020/03/31 NodeJs
JS获取鼠标选中的文字
2016/08/10 Javascript
Javascript 调用 ActionScript 的简单方法
2016/09/22 Javascript
详解bootstrap用dropdown-menu实现上下文菜单
2017/09/22 Javascript
Three.js中网格对象MESH的属性与方法详解
2017/09/27 Javascript
微信小程序获取复选框全选反选选中的值(实例代码)
2019/12/17 Javascript
Element Alert警告的具体使用方法
2020/07/27 Javascript
python3.3使用tkinter开发猜数字游戏示例
2014/03/14 Python
python抓取网页图片并放到指定文件夹
2014/04/24 Python
Python中用于检查英文字母大写的isupper()方法
2015/05/19 Python
关于Python正则表达式 findall函数问题详解
2018/03/22 Python
Python for循环与getitem的关系详解
2020/01/02 Python
dpn网络的pytorch实现方式
2020/01/14 Python
pytorch 中forward 的用法与解释说明
2021/02/26 Python
丝芙兰中国官方商城:SEPHORA中国
2018/01/10 全球购物
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
旅游项目开发策划书
2014/01/18 职场文书
《白鹅》教学反思
2014/04/13 职场文书
模具设计与制造专业求职信
2014/07/19 职场文书
工地例会施工汇报材料
2014/08/22 职场文书
幼儿园感恩节活动方案
2014/10/06 职场文书
React四级菜单的实现
2022/04/08 Javascript