浅谈JavaScript中数组的增删改查
数组的增加
•ary.push()
向数组末尾添加元素,返回的是添加后新数组的长度,原有数组改变
•ary.unshift()
向数组开头添加元素,返回的是添加后新数组的长度,原有数组改变
• var ary=[1,2,3,4];
var res=ary.unshift(6);
console.log(res); ---->5
返回的是新数组的长度•ary.splice(n,m,x)从索引n开始删除m个元素,把新增的元素X放在索引n的前面,把删除的元素当成一个新数组返回,原有数组改变。
•ary.splice(n,0,x)
从索引n开始删除0个元素,把新增加的元素x放在索引n的前面,返回的是一个空数组,原有数组改变。
•ary.splice(n,m)
从索引n开始删除m个元素,把删除的内容当做新数组返回,原有数组改变
•splice(0,0,x)----->unshift
数组的删除
•ary.pop() 删除数组的最后一项,返回的是删除的那一项,原有数组改变
•ary.shift() 删除数组的的第一项,返回的是删除的那一项,原有数组改变
•var ary=[5,8,3,4,6];var res=ary.shift();console.dir(res);---->5 返回数组第一项•删除数组最后一项的内容 ary.splice(ary.length-
1,1) //ary.length-1 数组最后一项的内容 ary.length-=1 ary.length--
•var ary=[5,8,3,4,6];//
ary.splice(ary.length-1,1);//
ary.length-=1;
console.dir(ary);---->
输出的是[5,8,3,4]数组的查询和复制
•slice(n,m)从索引n开始,找到索引m处,把找到的内容作为新的数组返回,原有数组不改变
•slice(n-1,m)把数组的第n项到第m项提取出来
•slice(n) 从索引n开始查找到数组末尾
•slice(0) slice() 将原有数组复制一份 属于数组克隆
•concat() 也可以实现数组克隆
•concat的本意是实现数组的拼接 ary.concat(ary2) 把两个数组进行拼接
数组转化为字符串
•tostring把数组的每一项拿出来用逗号隔开,原有数组不变
•join("+")把数组的每一项拿出来用指定分隔符隔开
•数组求和
var ary=[5,8,3,4,6]; var str=ary.join("+"); var total=eval(str); console.dir(total); //将指定字符串变成真正的表达式执行 var ary=[5,8,3,4,6]; var total=0; for(var i=0;i<ary.length;i++){ total+=ary[i]; } console.dir(total);
数组的排列和排序
•reverse() 把数组倒过来排序,原有数组改变
•sort 可以实现由大到小或者由小到大的排序 但是直接写sort只能排序十以内的数字 ary.sort(function(a,b){return (a-b);})
一些常用的方法 但是不兼容
•indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
•foreach
•map
会在以后的虚席中不断的进行补充 希望可以帮助大家一起理解学习。
以上这篇浅谈JavaScript中数组的增删改查就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- JS数组操作之增删改查的简单实现
- JS中对数组元素进行增删改移的方法总结
- js数组常用操作方法小结(增加,删除,合并,分割等)
- javascript js 操作数组 增删改查的简单实现
- JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
- JavaScript学习笔记之数组的增、删、改、查
- JavaScript数组Array对象增加和删除元素方法总结
- 比较新旧两个数组值得增加和删除的JS代码
- js删除数组元素、清空数组的简单方法(必看)
- 体验js中splice()的强大(插入、删除或替换数组的元素)
- 基于JavaScript实现移除(删除)数组中指定元素
- JS实现数组的增删改查操作示例
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 最后一次说说闭包
- Ajax
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享