数组的几种赋值方法：
var a = new Array(5,3,2,7,9) ;
var a = new Array();或者var a = [];//创建了一个空数组
var a = new Array(4)//创建了一个含有4项的数组;
或者var a = [5,3,2,7,9]；
或者var a[0] =5;
var a[1] =3;
var a[2] =2;
...
var a[4] =9;
一， 操作方法
1.slice() 方法与 splice() 方法：
- a.slice（start_index,end_index）为将数组a里面的a[start_index]到a[end_index]的所有值截取出来（不包含a[end_index]），返回一个截取出来的内容组成的新数组，但不会影响原来的数组a,其中参数start_index必选，参数end_index可选。只含有start_index时会返回从索引start_index开始到末尾的所有项
例如：
var a = new Array(5,3,2,7,9) ;
var a = [5,3,2,7,9,4,6];
console.log(a);// [5,3,2,7,9,4,6]
console.log(a.splice(0,3));//[5,3,2]
console.log(a);//[7,9,4,6]
- a.splice()方法可以实现删除（截取），插入和替换。该方法会影响原数组，且返回的是截取出来的内容。如下：
删除（截取） ：可以删除任意数量的项，只需指定两个参数：要删除的第一项的位置和要删除的项数。例如
var a = [1,3,4,5];
var b = a.splice(0,2);
console.log(b);//[1，3]
console.log(a);//[4,5]
插入： 可以向指定位置插入任意的项，需要提供三个参数：起始位置，0（要删除的项数）和要插入的项。例如
var a = [1,3,4,5];
var b = a.splice(1,0,2);
console.log(a);//在索引为1即第二项处前面插入2，结果是[1，3，2，4，5]
console.log(b);//返回删除的内容，因为删除的0项则返回[]
var c = a.splice(1,0,2,6)
console.log(a);//[1,2,6,3,4,5]此处插入了两项
console.log(c);//[]
替换：可以向指定位置插入任意数量的项同时删除任意数量的项，只需指定三个参数：起始位置，要删除的项数和要插入的任意数量的项。插入的项数不需要与删除的项数相等。如
var a = [1,3,4,5];
var b = a.splice(0,1,2);
console.log(a);//会从索引0处开始，删除1项即删除1，再插入2，结果是[2,3,4,5]
console.log(b);//[1]
var c = a.splice(2,2,6,7);
console.log(a);//会从索引为2处开始删除两项即删除4和5并插入6和7，结果为[1,3,6,7]
console.log(c);//[4,5]
4.concat方法：
a.concat(b)为返回一个数组a和数组b拼接起来的新数组。该方法是将参数加到原数组中；
过程是：该方法会先创建当前数组的一个副本，然后将参数添加到副本的末尾，最后返回新构建的数组。在没有给该方法传递参数的情况下，它只是返回当前数组并返回副本。
例如:
var a = [5,3,2,7,9,4,6];
var b =[0,11];
console.log(a);
console.log(b);
console.log(a.concat(b));
显示结果为：
二，栈方法【后进先出】
1， push() 和 pop() 方法：
- a.push（x）是给数组a最后面加一位x该方法可以接收任意数量的参数，把它们逐个添加到数组的末尾,并返回修改后的数组的长度;
-
- a.pop()方法为删除数组a的最后一个元素并返回删除的项，原数组a发生改变
例如：
var a = [0,1,2,3,4,5];
var b = a.push(6);
console.log(a);// [0,1,2,3,4,5,6]
console.log(b);//7
var a = [0,1,2,3,4,5];
var b = a.pop();
console.log(a);// [0,1,2,3,4]
console.log(b);//5
三，队列方法【先进先出】
1， shift() 方法和 unshift() 方法：
- a.shift()方法为删除数组a的最前面的一个元素并返回删除的项。
- a.unshift(y)是给数组a最前面加一位y，可以添加的项数是无限的，返回的是数组的长度。
例如：
var a = [5,3,2,7,9,4,6];
var b = a.shift();
console.log(a);//[3,2,7,9,4,6]
console.log(b);//5
var a = [1,2,3,4,5];
var b = a.unshift(0);
console.log(a);//[0,1,2,3,4,5]
console.log(b);//6
四，重排序方法
1.sort方法：
a.sort()为给数组a进行从小到大进行排序，数组a会发生改变
例如：
var a = [5,3,2,7,9,4,6];
var b = a.sort();
console.log(a);
console.log(b);
显示结果为：
上面不传参的方法会出现下面这种错误如：
var a = [11,1,44,55,3,7,2];
var b = a.sort();
console.log(b);//Array(7) [ 1, 11, 2, 3, 44, 55, 7 ]并没有排好序
所以建议当要给有大于10的项的数组排序时建议采用下面传参的方法：
var a = [11,1,44,55,3,7,2];
var b = a.sort(function(num1,num2) {
return num1 - num2;//调整num1和num2的顺序可以改成从大往小排序
});
console.log(b);//Array(7) [ 1, 2, 3, 7, 11, 44, 55 ]
2，reverse()方法
a.reverse()是翻转数组的顺序
var a = [1,2,3,4,5];
var b = a.reverse();
console.log(b);//[5,4,3,2,1]
五，转换方法
1.join()方法和split()方法：
- a.join(“separator”)为将数组a里面元素组成一个字符串,以separator为分隔符，省略的话则默认逗号为分隔符，该方法只接收一个参数即分隔符。不影响原数组a
- a.split()用于将字符串分割成字符串数组：stringObject.split(separator,howmany),参数separator必选，从该参数指定的地方分割字符串数组；参数howmany可选，该参数指定返回的字符串数组的最大长度，如果未设置该参数时，整个字符串都会被分割，不考虑它的长度,该方法不会影响原数组。
例如：
var stringObject_1 = "11ggg?aa?e2?";
var b = stringObject_1.split("?");
console.log(stringObject_1);//11ggg?aa?e2?
console.log(b);//Array(4) [ "11ggg", "aa", "e2", "" ]
//带两个参数时，如下
var stringObject_2 = "love:you:but:";
var a = stringObject_2.split(":",2);
console.log(a);//Array [ "love", "you" ]
六， 迭代方法
ECMAScript5为数组定义了五个迭代方法，每个方法都接收两个参数：要在每一项上运行的函数，运行该函数的作用域对象（可选的）。要运行的函数会接收三个参数：数组项的值(item)，该项在数组中的位置(index)和数组对象本身(array)。
- every():对数组中的每一项运行给定函数，如果该函数对每一项都返回true,则返回true
- filter():对数组中的每一项运行给定函数，返回由该函数会返回true的项组成的数组
- foreach():对数组中的每一项运行给定函数，该方法没有返回值。
- map():对数组中的每一项运行给定函数，返回由每次函数调用得到的结果组成的数组
- some():对数组中的每一项运行给定函数，只要该函数对任一项返回true则返回true
下面是每个迭代方法的运用实例：
1. every()方法
var numbers = [1,2,3,4,5,6];
var everyResult = numbers.every(function(item,index,array){
return (item > 2);
});
alert(everyResult);//false;因为并不是数组的每一项都满足item>2
2.filter()方法
var numbers = [1,2,3,4,7,6,9];
var filterResult = numbers.filter(function(item,index,array){
return (item>4);
});
alert(filterResult);//7,6,9;因为该方法返回的是满足函数条件的项
3. forEach()方法:
var numbers = [5,3,2,7,9,4,6];
var forEachResult = a.forEach(function (value,index,a){
console.log(value+"/"+index+"/"+a);
});
console.log(numbers);//结果如下图
console.log(forEachResult);//undefined;因为该方法没有返回值
显示结果为：
4， for(in){} 方法：循环遍历数组,主要用于遍历数组对象，而不是数组，但也可以拿来用，如下：
//遍历数组对象
var a={
name:"hunag",
sex:"女",
age:21
};
for(var key in a){//key表示属性名，a[key]表示属性值
console.log(key);
console.log(a[key]);
}//name huang sex 女 age 21
//遍历数组,
var b = [1,2,3];
for(var key in b){//其中key表示索引
console.log(key);
console.log(b[key]);
}//0 1 1 2 2 3
5，map映射方法：
图一所示：
var a = [5,3,2,7,9,4,6];
console.log(a);
var b = a.map(function(value,index){
return value+index;
});
console.log(b);
图二所示：
var c = a.map(function(value,index){
return value*index;
});
console.log(c);
即函数的返回值可以自行调节
图一显示结果为：
图二显示结果为：
七，归并方法
- reduce()方法和reduceRight()方法，两个方法都会迭代数组的所有项，然后构建一个最终返回的值。其中reduce()从数组第一项逐个遍历到最后，而reduceRight()是从数组最后一项向前遍历第一项。
- 两个方法都会接收连个参数：在每一项上调用的函数，作为归并基础的初始值(可选的)。
- 传给函数的有四个参数:前一个值(pre)，后一个值(cur),项的索引(index)和数组本身(array)。该函数返回的任何值都会作为第一个参数传给自动传给下一项。
1，ruduce()累加方法:
var numbers = [0,1,2,3,4,5];
var reduceResult = numbers.reduce(function(prev,cur,index,array){
return prev + cur ;
});
alert(reduceResult);//15
/*该过程就是prev是0，cur是1，结果是1，然后1再作为第一个参数prev,cur是2，依次类推*/
2， reduceRight()方法
var numbers = [0,1,2,3,4,5];
var reduceResult = numbers.reduceRight(function(prev,cur,index,array){
return prev + cur ;
});
alert(reduceRightResult);//15；该过程是从数组最后一项开始
八， 位置方法
1, indexOf() 和 lastIndexOf() 方法：
- indexOf():接收两个参数：要查找的项和查找起点位置的索引（可选）。该方法是从数组起点（索引0处）开始向后面查找。
- lastIndexOf():接收两个参数：要查找的项和查找起点位置的索引（可选）。该方法是从数组末尾向前面查找。
两个方法都返回要查找的项在数组中的位置，在没有找到的情况下会返回-1
- indexOf():
var numbers = [1,2,3,4,5];
var indexResultA = numbers.indexOf(1);
var indexResultB = numbers.indexOf(2,2);
alert(indexResultA);//0
alert(indexResultB);//-1;没有找到
- lastIndexOf():
var numbers = [1,2,3,4,5];
var lastresultA = numbers.indexOf(5);
var lastresultB = numbers.indexOf(2,2);
alert(lastresultA);//4
alert(lastresultB);//-1;没有找到
扫一扫
627
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
