for in
遍歷的key,key為string類(lèi)型，也會(huì)循環(huán)原型鏈中的屬性，適用于對(duì)象
for(let key in obj){
console.log(key+":"+obj[key]) //name:小明 age:18 hobby:run,song,game
}
for of
遍歷的value
for(let value of arr){
console.log(value) //2 4 6 56 7 88
}
for (let [key, value] of arr.entries()) {
console.log(key+":"+value); //0:2 1:4 2:6 3:56 4:7 5:88
}
for (let [key, value] of Object.entries(obj)) {
console.log(key+":"+value); //name:小明 age:18 hobby:run,song,game
}
forEach
最節(jié)省內(nèi)存的一種，但是不能break，也不能用return
arr.forEach((value,key)=>{
console.log(key + ":" + value) //0:2 1:4 2:6 3:56 4:7 5:88
})
Object.keys(obj).forEach((value)=>{
console.log(value) //"name", "age", "hobby"
})
map
同forEach寫(xiě)法一樣，循環(huán)每一個(gè)的時(shí)候就相當(dāng)于在內(nèi)存中新建了一個(gè)數(shù)據(jù)，比較占內(nèi)存，與forEach不同的是，它可以return。返回?cái)?shù)組。
arr.map((value,index)=>{
console.log(index+":"+value) //0:2 1:4 2:6 3:56 4:7 5:88
})
Object.values(obj).map((value,key)=>{
console.log(key+":"+value) //0:小明 1:18 2:run,song,game
})
Object.keys()/values()
console.log(Object.keys(obj)) // (3) ["name", "age", "hobby"]
console.log(Object.values(obj)) // (3) ["小明", 18, "run,song,game"]
Array
Array.prototype.reduce()
累加器
語(yǔ)法：arr .reduce（callback [累加器累加的值，當(dāng)前元素的值，當(dāng)前元素的索引（可選），]）
arr.reduce((acc,value)=>acc+value) //2+4+6+56+7+88=163
arr.reduce((acc,value)=>{
return acc+value
},5) //5+2+4+6+56+7+88=168,第一個(gè)為此時(shí)設(shè)置的值為index=0開(kāi)始
//合并數(shù)組
[[0, 1], [2, 3], [4, 5]].reduce(
( acc, cur ) => acc.concat(cur),
[] //[0, 1, 2, 3, 4, 5]
);
//統(tǒng)計(jì)出現(xiàn)次數(shù)
var names = ["Alice", "Bob", "Tiff", "Bruce", "Alice"];
names.reduce(function (allNames, name) {
if (name in allNames) {
allNames[name]++;
}
else {
allNames[name] = 1;
}
return allNames;
}, {}); // { "Alice": 2, "Bob": 1, "Tiff": 1, "Bruce": 1 }
//按順序運(yùn)行promise
function runPromiseInSequense(arr) {
return arr.reduce((promiseChain, currentPromise) => {
return promiseChain.then((chainedResult) => {
return currentPromise(chainedResult)
.then((res) => res)
})
}, Promise.resolve());
}
// promise function 1
function p1() {
return new Promise((resolve, reject) => {
resolve(5);
});
}
// promise function 2
function p2(a) {
return new Promise((resolve, reject) => {
resolve(a * 2);
});
}
// promise function 3
function p3(a) {
return new Promise((resolve, reject) => {
resolve(a * 3);
});
}
const promiseArr = [p1, p2, p3];
runPromiseInSequense(promiseArr)
.then((res) => {
console.log(res); //5+5*2+5*3= 30
});
Array.prototype.every()
遍歷所有元素，得到一個(gè)bool值，要所有條件都相符才會(huì)返回true
arr.every(x =>{ x >= 10}); // false
Array.prototype.some()
得到一個(gè)布爾值，只要有一個(gè)符合條件就可返回true
arr.some(item=>{
return item>10 //true
})
Array.prototype.filter()
返回一個(gè)符合條件的新數(shù)組
arr.filter(item=>{
return item>10 //(2) [56, 88]
})
Array.prototype.find()
返回符合條件的數(shù)組的值或數(shù)組的對(duì)象，找不到返回undefined
arr.find(item=>item==2)//2
Array.indexof(),findIndex()/includs()查找。返回index/-1,boolean
Array.prototype.fill(填充的值，開(kāi)始索引，結(jié)束索引)[1, 2, 3].fill(4, 1, 2); // [1, 4, 3]
Array.sort()
排序
arr.sort((a,b)=>a-b)//升序
arr.sort((a,b)=>b-a)//降序
Object
Object.creact(proto)
proto:一個(gè)對(duì)象，作為創(chuàng)建新對(duì)象的原型或null
用指定的原型對(duì)象和屬性創(chuàng)建一個(gè)新的對(duì)象
//來(lái)實(shí)現(xiàn)類(lèi)式繼承，單繼承
fuction Shape(){
this.x=0;
this.y=0;
}
Shape.prototype.move=function(x,y){
this.x += x;
this.y += y
}
function Rectangle(){
Shape.call(this)
}
Rectangle.prototype=Object.create(Shape.prototype)
var rect=new Rectangle()
rect instanceof Rectangle //true
rect instanceof Shape //true
Object.defineProperty(目標(biāo)對(duì)象，給對(duì)象要加的屬性);返回加了屬性之后的對(duì)象
Object.getOwnPropertyNames(目標(biāo)對(duì)象);返回帶有該對(duì)象屬性的數(shù)組
Object.is(value1,value2);判斷2個(gè)值是否相同，返回布爾值
