//普通数组去重
let ary = [1,2,3,1,2,3,1,2,3]
//方法一 for循环+三目运算
Array.prototype.quchong1 = function (){
let obj = {}
let result = []
for(let i = 0; i< this.length; i++){
obj[this[i]] ? '' : ( obj[this[i]] = result.push(this[i]) )
}
return result
}
console.log(ary.quchong1()) // [1, 2, 3]
// 方法二 过滤filter
Array.prototype.quchong2 = function () {
let result = this.filter(
(item,index,self) => {
return self.indexOf(item) === index
}
)
return result
}
console.log(ary.quchong2()) //[1, 2, 3]
//方法三 reduce + 短路或
Array.prototype.quchong3 = function () {
let obj = {}
let result = this.reduce(
(pre,cur,index)=>{
obj[cur] || (obj[cur] = pre.push(cur))
return pre
},[]
)
return result
}
console.log(ary.quchong3())
//方法四 new Set + 扩展运算符...
Array.prototype.quchong4 = function () {
let result = [...new Set(this)]
return result
}
console.log(ary.quchong4()) //[1, 2, 3]
// 对数组中相同的对象进行去重
let ary2 = [
{name: 'zh'},
{name: 'zh'},
{name: 'yy'},
{name: 'zh'}
]
//方法一 for循环 + 三目运算
Array.prototype.quchong5 = function () {
let obj = {}
let result = []
for ( let i =0; i < ary2.length; i++ ) {
obj[this[i].name] ? '' : obj[this[i].name] = result.push(this[i])
}
return result
}
console.log(ary2.quchong5()) //[ {name: 'zh'},{name: 'yy'}]
//方法二 for循环 + 短路或
Array.prototype.quchong6 = function () {
let obj = {}
let result = []
for ( let i =0; i < ary2.length; i++ ) {
obj[this[i].name] || ( obj[this[i].name] = result.push(this[i]) )
}
return result
}
console.log(ary2.quchong6()) //[ {name: 'zh'},{name: 'yy'}]
//方法三 reduce + 短路或
Array.prototype.quchong7 = function (){
let obj = {}
let result = this.reduce(
(pre,cur,index) => {
obj[cur.name] || ( obj[cur.name] = pre.push(cur) )
return pre
},[]
)
return result
}
console.log(ary2.quchong7()) //[ {name: 'zh'},{name: 'yy'}]
利用Promise实现函数按序执行
function a () {
setTimeout(
()=>{ console.log(1)},3000
)
}
function b () {
setTimeout(
()=>{ console.log(2)},2000
)
}
function c () {
setTimeout(
()=>{ console.log(3)},1000
)
}
a()
b()
c()
// 执行输出结果为 3 2 1
// 利用promise 实现 函数按序执行
function a () {
return new Promise(
(resolve,reject) => {
setTimeout(
()=>{
console.log(1)
resolve()
},3000
)
}
)
}
function b () {
return new Promise(
(resolve,reject) => {
setTimeout(
()=>{
console.log(2)
resolve()
},2000
)
}
)
}
function c () {
return new Promise(
(resolve,reject) => {
setTimeout(
()=>{
console.log(3)
resolve()
},1000
)
}
)
}
// 方法一
a().then(b).then(c) //执行结果 1 2 3
// 方法二
async function d () {
await a()
await b()
await c()
}
d() //执行结果 1 2 3