一、數(shù)組API
實(shí)際開發(fā)中forEach和map會多一些
=>是es6語法中的arrow function
舉例：
(x) => x + 6
相當(dāng)于
function(x){
return x + 6;
}
undefined轉(zhuǎn)成數(shù)字是NaN

判斷：
arr.every()：判斷arr中每個(gè)元素是否都符合要求
只有每個(gè)元素都符合條件時(shí)，才返回true
只要有一個(gè)元素不符合條件，就返回false
類似&&
arr.some()：判斷 arr中是否包含符合要求的元素
只要有一個(gè)元素符合條件，就返回true
除非所有元素都不符合條件，才返回false
類似||
如何：
var bool = arr.every(function(val，i，arr){
val //自動獲得當(dāng)前元素值
i //自動獲得當(dāng)前元素的位置
arr //自動獲得當(dāng)前數(shù)組
return 條件；
})
ps：參數(shù)用不到的可以不寫，
every 會用function,去每個(gè)元素執(zhí)行一次，收集返回的true和false。
----------------------------------------------
例：判斷數(shù)組是否全部偶數(shù)，只用一個(gè)參數(shù)
<script type="text/javascript">
var arr1 = [1,2,3,4,5];
var arr2 = [10,6,4,8,2];
var arr3 = [1,2,3,2,1];
function allEven(arr){
return arr.every(function(val){
return val%2==0;
})
//簡寫成：
return arr.every(val=>val%2==0);

}
console.log(
allEven(arr1),//false
allEven(arr2),//true
allEven(arr3) //false
)
</script>

上述例子改成arr.some()結(jié)果為：true true true
----------------------------------------
例：判斷是不是升序排序：三個(gè)參數(shù)都用到
var arr1 = [1,2,3,4,5];
var arr2 = [10,6,4,8,2];
var arr3 = [7,6,3,2,1];
function isASC(arr) {
return arr.every(function(val,i,arr){
//最后一個(gè)值和自己比較永遠(yuǎn)為true,4<4時(shí)就是最后一個(gè)值了，設(shè)true
return i<arr.length-1 ? val<=arr[i+1]:true;
})
//簡寫成：
return arr.every(
(val,i,arr) => i<arr.length-1?val<=arr[i+1]:true
);

}
console.log(
isASC(arr1),//true
isASC(arr2),//false
isASC(arr3) //false
)
----------------------------------------------------------------------------------------------------------------

二、遍歷
arr.forEach()：對原數(shù)組中每個(gè)元素執(zhí)行相同的操作，不能新值返undefined
arr.map()：取出原數(shù)組中的值，加工后，放入新數(shù)組，可以賦新值，返回新值
如何：arr.forEach(function(val,i,arr){
arr[i]=新值；
})
arr.map(function(val,i,arr){
return 新值；
})
例：數(shù)組arr1值乘以2，數(shù)組arr2除以2給新值
var arr1 = [1,2,3,4,5];
var arr2 = [10,6,4,8,2];
var arr3 = [7,6,3,2,1];
//每個(gè)值 *2返回
arr1.forEach(function(val,i,arr){
arr[i]*=2;
})
//簡寫成：
arr1.forEach((val,i,arr)=>arr[i]*=2)
console.log(String(arr1))//2,4,6,8,10

//每個(gè)值 /2返回新值，新變量接
var newArr = arr2.map(function(val,i,arr){
return val/2;
})
//簡寫成：
var newArr = arr2.map(val =>val/2)
console.log(String(arr2))//10,6,4,8,2
console.log(String(newArr))//5,3,2,4,1

三、過濾和匯總
過濾：選取原數(shù)組中符合條件的元素組成新數(shù)組
var subArr = arr.filter(function(val,i,arr){
return 條件；//所有返回true的元素，被復(fù)制到新數(shù)組
})
例:過濾arr1中所有偶數(shù)
var arr1 = [1,2,3,4,5];
var evens =arr1.filter(function(val){
return val%2==0;
})
//簡寫成：
var evens = arr1.filter(val=>val%2==0)
console.log(String(arr1))//1,2,3,4,5
console.log(String(evens))//2,4

匯總：對數(shù)據(jù)中每個(gè)元素的值最終統(tǒng)計(jì)出一個(gè)新結(jié)果
var result = arr.reduce(function(prev,val,i,arr){
prev //獲得截止目前的統(tǒng)計(jì)結(jié)果
return prev+val; //當(dāng)前值和現(xiàn)在的prev值
},start) //start是匯總后要加的值到總和中
例:匯總arr1與arr2總和
var arr1 = [1,2,3,4,5];
var arr2 = [10,6,4,8,2];
//求arr1總和
var result =arr1.reduce(function(prev,val){
return prev+val;
})
var result =arr2.reduce(function(prev,val){
return prev+val;
},result)
console.log(result)//45
//25
var result =arr1.reduce(function(prev,val){
return prev+val;
},10)
console.log(result)//25

效率：數(shù)組API，其實(shí)內(nèi)部使用的還是for循環(huán)遍歷的方式，并沒有提高程序的執(zhí)行效率。只是簡化了代碼量。

在鄙視面試中會提到不能用數(shù)組API，意思是舍去了for循環(huán)還考你什么

*****bind()
什么是：基于一個(gè)現(xiàn)有函數(shù)，創(chuàng)建一個(gè)新函數(shù)，并永久綁定this。
不但可永久綁定this，也可永久綁定參數(shù)
為什么：this總是發(fā)生變化。
何時(shí)：只要希望一個(gè)對象永久綁定一個(gè)函數(shù)的this上。
結(jié)果：函數(shù)中的this將永遠(yuǎn)無法被其他對象替換。
(相當(dāng)于一本書寫上的自己的名字)

例：定義一個(gè)計(jì)算器，沒綁定bind的為公共計(jì)算器，call可以調(diào)用，綁定bind的為私人計(jì)算器，別人調(diào)用不了，
//ps：用bind綁定的call強(qiáng)制作借用不好用了，
function calc(base,bonus){
console.log(
this.ename+'的總工資是'+(base+bonus)
)
}
var lilei = {ename:'Li Lei'};
var hmm = {ename:"Han Meimei"};
//lilei臨時(shí)借用calc計(jì)算器
calc.call(hmm,10000,4000)//Han Meimei的總工資是14000
calc.call(lilei,10000,1000)//Li Lei的總工資是11000
//lilei買了一個(gè)和 calc一樣的計(jì)算器，新計(jì)算器永久屬于lilei
var lilei_calc=calc.bind(lilei);
lilei_calc(10000,3000); //Li Lei的總工資是13000
lilei_calc(10000,5000); //Li Lei的總工資是15000
lilei_calc(10000,9000); //Li Lei的總工資是19000
//hmm借lilei的計(jì)算器,call沒有bind強(qiáng)大，借來用不了,名還是Li Lei
lilei_calc.call(hmm,10000,2999);//Li Lei的總工資是12999，

鄙視題：call apply bind 區(qū)別
call和apply：臨時(shí)借用一個(gè)函數(shù)，并替換this為指定對象，
-----立刻執(zhí)行
bind：基于現(xiàn)有函數(shù)，創(chuàng)建一個(gè)新函數(shù)，并永久綁定this 為指定對象。
-----只創(chuàng)建函數(shù)，不執(zhí)行（要執(zhí)行在下邊在調(diào)用）
何時(shí)：立刻執(zhí)行函數(shù)-------call
不立刻執(zhí)行 -------bind


二、Object.create()
情況1： var o1 =Object.create({x:1,y:2}) //o1繼承了屬性x和y console.log(o1.x)　　　　　　　　　　//1 情況2： var o2 =Object.create(null)
console.log(o2)// 一般不這樣做，沒意義{}

情況3： var o3 =Object.create(Object.prototype)
console.log(o3)// o3和{}和new Object()一樣

真正意義所在第二個(gè)參數(shù)：






英意 :inherit? 繼承

轉(zhuǎn)載于:https://www.cnblogs.com/liubingyjui/p/10118149.html

總結(jié)

以上是生活随笔為你收集整理的ES5新增内容的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。