資訊專欄INFORMATION COLUMN
摘要：目的相信在網上都有很多的的介紹，這里就應用場景舉例說明前提了解和一句話概括用別人的方法，完成自己的功能?？偨Y介紹了和的用法正文部分根據需求列舉的應用場景注意事項優化方案
目的
前提相信在網上都有很多的Array的api介紹 ， 這里就應用場景舉例說明
了解apply和call
一句話概括：用別人的方法，完成自己的功能。
function Student(name,gender,age){
this.name = name;
this.gender = gender;
this.age = age;
this.introduce = function () {
console.log("name : " + this.name + ",
gender : " + this.gender + ", age : " +this.age);
}
}
function Empolyee(name,gender,age,work){
Student.apply(this,arguments); //apply方法
//Student.call(this,name,gender,age); //call方法
this.work = work;
}
var e = new Empolyee("lee","male","26","programmer");
console.log(e)
e.introduce();
用Student構造函數的屬性和方法，來為自己所用！
你可能發現apply和call很相似，apply接受一個數組，call接受多個值。
應用：得到一組數的最大值
var array = [1,5,2,3];
console.log(Math.max.apply(this,array));
// 全局寫法
function getMax(){
return Math.max.apply(this,Array.prototype.slice.apply(arguments));
} // 不指定函數參數寫法
console.log(getMax(1,2,3,45,3));
function getMax(array){
return Math.max.apply(this,array);
} // 指定參數寫法
console.log(getMax(array));
正文
扁平化規則數組
有這樣的數組，需要將其扁平化
var array = [[1,2],[3,4],[5,6]];
var result = array.reduce(function (p, c) {
return p.concat(c);
});
console.log(result);
// [ 1, 2, 3, 4, 5, 6 ]
注解：reduce的callback中，p指代上一個元素，c指代當前元素。
第一次迭代：p -- > [1,2] c -- > [3,4]
第二次迭代：p -- > [1,2,3,4] c -- > [5,6]
扁平化隨機數組
既然有規則數組，那么就肯定有不規則數組，這就需要遞歸操作
var array = [1,[2,[3,4],[1,9,8],[" ",3]],1];
// 隨機嵌套數組
function flatten(array){
var result = [];
array.map(function(ele){
if(!Array.isArray(ele)){ //判斷是否為數組
result.push(ele);
}else{
result = result.concat(flatten(ele));
// 由于result是函數內部定義的，及每次遞歸result都會重置；
// 如果不將result保存，則到遞歸完成后，之前的數據將會被覆蓋
}
});
return result;
}
console.log(flatten(array));
// [ 1, 2, 3, 4, 1, 9, 8, " ", 3, 1 ]
注解：map會迭代數組里每一個元素，并應用callback函數對其操作，在這里就是判斷是否繼續遞歸。
檢查數組是否通過給定函數檢查
有一個成績數組，需要檢查通過和未通過的情況
var score = [56,90,40,80,76,88,94,27,83,66];
// 成績
function isPassExam(ele,index,array){
return ele >= 60;
}
// 通過規則
var isAllPass = score.every(isPassExam);
console.log("is all pass the exam : " + isAllPass);
// is all pass the exam : false
var isSomeonePass = score.some(isPassExam);
console.log("is someone pass the exam : " + isSomeonePass);
// is someone pass the exam : true
var passedScore = score.filter(isPassExam);
console.log("score : " + passedScore);
// score : 90,80,76,88,94,83,66
注解：
- every會遍歷所有元素，直到有不能通過函數檢查的元素為止，返回 false
- some會遍歷所有元素，直到有能通過函數檢查的元素為止，返回true
- filter會遍歷所有元素，并將能通過函數檢查的元素返回
過濾函數參數
有時我們可能需要過濾我們接受的函數參數，如：只需要number類型
function filter(){
var array = [];
Array.prototype.slice.apply(arguments).map(function (ele) {
if(typeof ele == "number"){
array.push(ele);
}
});
return array;
// do something
// ....
}
var result = filter(1,"123",4,"qianjiahao",2,false,[]);
console.log(result);
// [ 1, 4, 2 ]
注解：由于函數參數arguments并不是真正意義上的"數組"，只是"類數組"
通過 console.log(arguments); 我們可以看到
{ "0": 1,
"1": "123",
"2": 4,
"3": "qianjiahao",
"4": 2,
"5": false,
"6": [] }
arguments是個"類數組"，在使用"map"方法之前我們需要將其"slice"后轉化為"數組"，但是因為"類數組"沒有"slice"方法，所以我們使用了"apply"，讓Array幫我們完成這個工作。
亂序字符串/數組
var str = "6ab3c5de1f4g7";
var array = str.split("");
var result = str.split("").sort(function () {
return Math.random() > 0.5;
}).join("");
console.log(result);
// d7gfc51a34be7
result = array.sort(function () {
return Math.random() > 0.5;
});
console.log(result);
// [ "d", "6", "b", "4", "e", "a", "c", "1", "f", "5", "7", "3", "g" ]
注解：通過在sort中隨機返回一個數并與0.5比較，會得到隨機的true或false，然后會隨機數組中的前后兩個元素。
從數組a中去除數組b的元素
var a = [1,5,2,6,4,7,9,0];
var b = [1,0,6,4,10];
var result = a.filter(function(ele){
return b.indexOf(ele) < 0;
});
console.log(result);
注解：通過下標，判斷a中元素是否在b中，然后用filter過濾
持續收集ing
注意 for..in..效率
for..in..迭代效率較低，建議使用for循環迭代或Array的原生迭代方法。
缺陷 ：for..in..會帶上原型屬性或方法 :
var array = [1,2,3,4];
Array.prototype.newVariable = 100;
Array.prototype.newFunction = function () {};
var result = [];
for(var i in array){
result.push(array[i]);
}
console.log(result);
// [ 1, 2, 3, 4, 100, [Function] ]
這會很麻煩，如果需要使用for..in..，需要使用hasOwnProperty()過濾
for(var i in array){
if(array.hasOwnProperty(i)){
result.push(array[i]);
}
}
// [ 1, 2, 3, 4 ]
但是，有個很蛋疼的事，就是hasOwnProperty()沒有保護機制，可以被重寫
var array = [1,2,3,4];
Array.prototype.newVariable = 100;
Array.prototype.newFunction = function () {};
Array.prototype.hasOwnProperty = function (i) {
return i;
};
// 重寫 hasOwnProperty() 方法
var result = [];
for(var i in array){
if(array.hasOwnProperty(i)){
result.push(array[i]);
}
}
console.log(result);
// [ 1, 2, 3, 4, 100, [Function], [Function] ]
// 又悲劇了。。。
持續收集ing
優化數組迭代是可以優化的，比如
