前面一篇,我们写了数组的基础,在这里则会把主要的方法和应用列出来.
检测数组 Array.isArrayECMAScript 5 新增了 Array.isArray() 方法。这个方法的目的是最终确定某 个值到底是不是数组,而不管它是在哪个全局执行环境中创建的。这个方法的用法如下。 if (Array.isArray(value)){ //对数组执行某些操作 }
位置方法 indexOf和lastIndexOf
- indexOf(searchvalue,fromindex) 从数组的头开始向后查找
- indexOf和lastIndexOf(searchvalue,fromindex) 从数组的尾开始向前查找
接收两个参数:- searchvalue 要查找的项
- fromindex (可选的)表示查找起点位置的索引
返回 要查找的项在数组中的位置,或者在没找到的情况下返回-1
var data = [2, 5, 7, 3, 5]; console.log(data.indexOf(5, "x")); // 1 ("x"被忽略) console.log(data.indexOf(5, "3")); // 4 (从3号位开始搜索) console.log(data.indexOf(4)); // -1 (未找到) console.log(data.indexOf("5")); // -1 (未找到,因为5 !== "5")
迭代方法共有五个迭代方法every, filter, forEach, map, some 每个方法的的参数是一个回调函数 迭代方法(function callback(item,index,array) {}); 回调函数都是三个参数- item 数组的元素
- index 元素在数组中的位置
- array 数组对象本身
同时,有必要的回调函数要返回true或false
- every :对数组中的每一项运行给定函数,如果该函数对每一项都返回 true ,则返回 true 。相当于是每项做与操作
- filter :对数组中的每一项运行给定函数,返回该函数会返回 true 的项组成的数组。
- forEach :对数组中的每一项运行给定函数。这个方法没有返回值。
- map :对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。
- some :对数组中的每一项运行给定函数,如果该函数对任一项返回 true ,则返回 true 。相当于是每项做或操作
let a = [1,2,3,99,34,33]; let v1 = a.every((item,index,array)=>{ return item > 2; }); //v1的值为false 因为a[0],a[1]不合条件 let v2 = a.every((item,index,array)=>{ return item > 0; }); //v2的值为true
let a = [1,2,3,99,34,33]; let v = a.filter((item,index,array)=>{ return item > 2; }); //v是过滤后的新数组 [3,99,34,33]
a.forEach((item)=>{ console.log(item); }); //会依次打印出每个元素的值 a.forEach((item,index)=>{ console.log(index,item); }); //会依次打印出每个元素的下标和值
let a = [1,2,3,99,34,33]; let v = a.map((item,index,array)=>{ return item * item; }); //v是map后的新数组 [1,4,9,9801,1156,1089]
let a = [1,2,3,99,34,33]; let v1 = a.some((item,index,array)=>{ return item > 2; }); //v1的值为true 因为a[2],a[3]等元素值>2 let v2 = a.some((item,index,array)=>{ return item > 100; }); //v2的值为false ,因为没有元素值大于100
归并方法
- reduce 从左到右累加
- reduceRight 从右到左累加
这两个方法,都会遍历所有数组元素 参数是一个回调函数 归并方法 (function callback(prev, cur, index, array){});- prev 前一个值
- cur 当前元素
- index 该元素在数组中的位置
array 数组对象本身 例子
let a = [1,2,3,99,34,33]; let s = a.reduce((pre,cur,index,array)=>{ console.log(pre,cur,index); return pre+cur; });
//1 2 1t REPLServer.<anonymous> (repl.js:538:10) //3 3 2t emitOne (events.js:101:20) //6 99 3 REPLServer.emit (events.js:188:7) //105 34 4 //139 33 5
数组栈方法数组可以像栈那样使用 push方法,表示在数组最后加入指定的元素,可以一次增加多个数组 pop方法,表示将数组的最后一个删除,并通过pop方法返回,如果没有元素了,则返回undefined a.push(100); a.push(99);
console.log(a.pop()); console.log(a.pop());
结果输出 99 100 队列方法数组可以像队列那样使用 用push方法,在队尾加元素 用shift在队头取元素 用unshift在队头推入元素 let a=[]; a.push(1,2,3); Console.log(a.shift()); Console.log(a.shift()); Console.log(a.shift());
然后显示为1,2,3刚好和栈相反 let a = [1,2,3]; a.unshift(4); a.unshift(5,6,7);
结果a为[ 5, 6, 7, 4, 1, 2, 3 ] let a = [1,2,3,4,5]; a.reverse()
结果: [ 5, 4, 3, 2, 1 ] function compare(v1,v2) { return v1>v2; } // a.sort();默认将元素用toString,再比较字符串排序 let a=[2,22,222,1,11,111]; let v1 = a.sort(); //则v1=[1,11,111,2,22, 222] //**这是不是按数值大小来排序,是按字会串大小来的**
//可以指定的比较方法a.sort(compare); //则结果如下: let v2 = a.sort(compare); //则v2 = [ 1, 2, 11, 22, 111, 222 ]
连接数组用concat可以将一个或多数组连起来,并不会改变当前数组本身 a = [1,2,3]; b = a.concat(99); //b=[1,2,3,99]; B = a.concat(99,[4,5]); //b=[1,2,3,99,4,5];
基于原有数组创建新数组用slice基于当前数组中的一或多个项创建一个新数组,原数组不会变 slice(开始下标,结束下标) ; 并不包括结束下标的那个元素 let a = [1,2,3,4,5,6]; b=a.slice(2,4); //b=[3,4];
强大的splice这个方法恐怕要算是最强大的数组方法了 splice的返回值,则操作后的元素组成的数组 可以删除任意数量的元素,只需指定 2个参数:- startIndex 开始删除的位置
- removeCount 要删除的元素个数。
例如, a.splice(0,2) 会删除数组中的前两元素。
let a = [1,2,3,4,5,6]; let b = a.splice(1,2); //执行后,结果是 //a = [ 1, 4, 5, 6 ] //b = [ 2, 3 ]
可以向指定位置插入任意数量的元素,只需提供 3个参数:- 起始位置、
- 0(要删除的元素个数,做为插入功能,这值必须为0)
- 要插入的元素
- 如果要插入多个元素,
还可以继续提供参数,表示是要插入的元素。 例如,
let a = [1,2,3,4,5,6]; let b = a.splice(1,0,91,92,93,94); //执行后结果是 //a = [ 1, 91, 92, 93, 94, 2, 3, 4, 5, 6 ] //b = [ ]
可以向指定位置插入任意数量的元素,且同时删除任意数量的元素,只需指定 3 个参数:- 起始位置、
- >0的值(要删除的元素个数,做为替换功能,这值必须大于0)
- 要插入的元素
- 如果要插入多个元素,
还可以继续提供参数,表示是要插入的元素。
let a = [1,2,3,4,5,6]; let b = a.splice(1,2,91,92,93,94); //执行后结果是 //a = [ 1, 91, 92, 93, 94, 4, 5, 6 ] //b = [ 2, 3 ]
最后对于迭代方法和归并方法只是一个简化代码的作用,可能这些方法功能非常见,所以干脆默认提从了这两组方法。对于js的数组,使用起来非常方法,相比c/c++真是无与伦比…。在C++11标准后,也可以同样提供一个强大的动态数组。但是js的数组,可以存放任何元素,这个是C++不能比的,虽然可以实现,但是代价就有点大了。相对来说,现在版本的java和C#,则可以。因为java所有的都是Object…
|