Javascript处理数组的方法
一 迭代方法
ES5为数组定义了5个迭代方法,这些方法大大方便了处理数组的任务,支持这些方法的浏览器有 IE9+,Firefox2+,Safari3+,Opera9.5+和Chrome。
1 every
对数组中每一项进行给定函数,如果每一项都返回true,则返回true;
var numbers = [1,2,3,4,5,4,3,2,1]; var everyResult = numbers.every(function(item,index,array){
return item>2;
}); alert(everyResult); //false
2 some
对数组中每一项进行给定函数,如果任意一项都返回true,则返回true;
var numbers = [1,2,3,4,5,4,3,2,1]; var everyResult = numbers.some(function(item,index,array){
return item>2;
}); alert(everyResult); //true
3 filter
对数组中每一项进行给定函数,返回该函数会返回true的项组成的数组;
var numbers = [1,2,3,4,5,4,3,2,1]; var everyResult = numbers.filter(function(item,index,array){
return item>2;
}); alert(everyResult); // [3,4,5,4,3]
4 map
对数组中每一项进行给定函数,返回每次函数调用的结果组成的数组
var numbers = [1,2,3,4,5,4,3,2,1]; var everyResult = numbers.map(function(item,index,array){
return item*2;
}); alert(everyResult); // [2, 4, 6, 8, 10, 8, 6, 4, 2]
5 forEach
对数组中每一项进行给定函数,没有返回值,和for循环类似
var numbers = [1,2,3,4,5,4,3,2,1]; numbers.forEach(function(item,index,array){
if(item!=2){
numbers.splice(index,1,2);
}
}); alert(numbers); // [2, 2, 2, 2, 2, 2, 2, 2, 2]
二 归并方法
ES5新增了两个归并数组的方法:reduce()和reduceRight()。这两个方法迭代数组所有项,然后构建一个最终返回的值。reduce从左到右,reduceRight从右到左。
var values = [1,2,3,4,5]; var sum = values.reduce(function(prev,cur,index,array){
return prev + cur;
});
alert(sum); //
reduce()函数接受四个参数;前一个值、当前值、index和数组对象。这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在第二项上,因此第一个参数是数组的第一项,第二个参数是数组的第二项。
三 检测数组
ES3的方法:instanceof
var values = [1,2,3];
if(values instanceof Array){
//对数组进行某些操作
}
ES5的方法:Array.isArray
var values = [1,2,3];
if(Array.isArray(values)){
//对数组进行某些操作
}
四 转换方法
1 toLocaleString() toString() valueOf()
2 join() 将数组转换为字符串,且用分隔符分割
var colors = [1,2,3];
alert(colors.join("|")); // 1|2|3
五 栈方法
栈方法是指Last-In-First-Out后进先出
push() 从数组末尾添加
pop() 从数组末尾移除
六 队列方法
队列方法是First-In-First-Out先进先出
unshift() 从数组前端添加
shift() 从数组前端移除
七 重排序方法
reverse() 反转数组
sort() 排序
var values = [0,1,5,10,15];
values.sort(function(a,b){
return b-a;
});
console.log(values); //[15, 10, 5, 1, 0]
八 操作方法
1 concat() 用于复制或者从尾部添加–>创建新数组
先创建一个当前数组的副本,然后jiang将接到的数组添加到末尾,返回新的数组。如果没有传参数,直接复制返回新构建的数组。
var values = [1,2,3];
var v1 = values.concat();
var v2 = values.concat(4); console.log(values); //[1,2,3]
console.log(v1); //[1,2,3]
console.log(v2); //[1,2,3,4]
2 slice() 用于复制或截取数组–>创建新数组
截取当前数组的一部分创建一个新数组。可以接受一个或者两个参数,只有一个参数时返回指定位置到尾部的数组。两个参数时,返回指定位置到结束位置之前但不包括结束位置的数组。
var values = [1,2,3];
var v1 = values.slice();
var v2 = values.slice(1);
var v3 = values.slice(1,3); console.log(values); //[1,2,3]
console.log(v1); //[1,2,3]
console.log(v2); //[2,3]
console.log(v3); //[2,3]
3 splice() 用于删除、插入、替换,号称最强大的数组方法
3.1 删除:可以删除任意数量的项,需要两个参数,要删除的第一项的位置和要删除的项数。
var values = [1,2,3,4,5,6];
var v = values.splice(0,2); console.log(values); //[3,4,5,6]
console.log(v); //[1,2]
3.2 插入和替换:至少三个参数,第一个是起始位置,第二个是要删除的项,第三个及以后shi yao是要插入或替换的值。
插入demo:
var values = [1,2,3,4,5,6];
var v1 = values.splice(1,0,1,1,1); console.log(values); //[1,1,1,1,2,3,4,5,6]
console.log(v1); //[] 替换demo:
var values = [1,2,3,4,5,6];
var v1 = values.splice(1,2,1,1,1); console.log(values); //[1,1,1,1,4,5,6]
console.log(v1); //[2,3]
九 位置方法
var values = [1,2,3,4,5];
indexOf() 从头找指定项的位置
var v1 = values.indexOf(3); lastIndexOf() 从后往前查位置
var v2 = values.lastIndexOf(3);
最新文章
- 如果根据键盘的frame始终让一个控件始终在键盘的顶部
- 使用spring boot和thrift、zookeeper建立微服务
- SpringMVC学习--springmvc原理
- Django对静态文件的处理——部署阶段
- 【POJ】1151 Atlantis(线段树)
- js 返回上一页
- [转]easyui常用控件及样式API中文收藏
- 剑指Offer:面试题8——旋转数组的最小值(java实现)
- 一次library cache pin故障的解决过程
- C# Chart 折线图 多条数据展示
- springMVC中的redirect和forward区别?
- Tom DeMarco:软件工程这个概念已过时?
- Ubuntu使用总结二
- ionic1滑动时间选择器
- 设计模式之Memento(备忘机制)(转)
- 再谈数据库优化(database tuning)的真谛和误区
- TimeUnit简析
- 【LeetCode】52. N-Queens II
- FastDFS-单机版安装
- python学习之老男孩python全栈第九期_day020知识点总结——序列化模块、模块的导入和使用
热门文章
- poi导出word表格
- Error:A problem occurred configuring project ':networklibrary'. >; No toolchains found in the NDK toolchains folder for ABI with prefix: mips64el-linux-android
- Java13新特性 -- 文本块
- 超简易简易PHP爬虫
- 简单易用的录屏软件(保存为gif文件)
- MongoDB开发深入之二:索引
- 箱型图Box
- 第一本docker书 学习笔记(一)
- IDEA中提示配置jdk1.8
- linux那些事儿