<del id="wm02s"></del>

<strike id="wm02s"></strike>

<fieldset id="wm02s"></fieldset>

記錄一些日常的小問題（前端）

missonce 發(fā)布于2019-08-29 17:25 / 3495人閱讀

摘要：多重循環(huán)遍歷查找優(yōu)化開發(fā)中經(jīng)常會(huì)遇到需要在一個(gè)數(shù)組中查找某一個(gè)對(duì)象的問題，單純用循環(huán)語句循環(huán)查找。一篇寫得很好的對(duì)對(duì)象進(jìn)行講解的文章函數(shù)是的一等公民，即最小作用域是函數(shù)。利用靜態(tài)屬性掛載在原型上的屬性訪問作用域中的變量。

1、多重循環(huán)遍歷查找優(yōu)化
開發(fā)中經(jīng)常會(huì)遇到需要在一個(gè)數(shù)組中查找某一個(gè)對(duì)象的問題，單純用for循環(huán)語句循環(huán)查找。（typescript）
之前寫的是這樣的

 inManual(search, manual) {
    for (let i = 0; i < search.length; i++) {
        for (let j = 0; j < manual.users.length; j++) {
            for (let k = 0; k < manual.users[j].contacts.length; k++) {
                if (search[i].phone == manual.users[j].contacts[k].phone) {
                    search[i].state = 1;
                }
            }
        }
    }
    return search;
}

無論有沒有找到，這樣做都需要全部循環(huán)一遍性能太浪費(fèi)，需要用break來及時(shí)跳出此次循環(huán)。然而需要跳出多重循環(huán)，也就可以改變下用return
優(yōu)化后的代碼：

for (let i = 0; i < search.length; i++) {
            this.isAdd(i);
}
isAdd(i) {
    for (let j = 0; j < manual.users.length; j++) {
        for (let k = 0; k < manual.users[j].contacts.length; k++) {
            if (search[i].phone == manual.users[j].contacts[k].phone) {
                search[i].state = 1;
                return;
            }
        }
    }
}

2、ionic4中彈出組件是需要異步操作的，但有時(shí)候需要在一個(gè)同步方法中，進(jìn)行彈出，即同步方法如何有效包含異步操作
正常的異步操作：

async click(){
    const alert = await this.alertCtrl.create({
            header: "請(qǐng)輸入手機(jī)號(hào)！",
            buttons: ["確定"]
        });
    await alert.present();
 }

將click方法同步后的代碼：

click(){
    this.alertCtrl.create({
            header: "請(qǐng)輸入手機(jī)號(hào)！",
            buttons: ["確定"]
        }).then((alert) => {
            alert.present();
        });
}

3、js對(duì)象轉(zhuǎn)換成JSON對(duì)象，使用stringfy()方法進(jìn)行轉(zhuǎn)換，但在轉(zhuǎn)換過程中需要注意，會(huì)自動(dòng)把js對(duì)象的屬性值為undefined的屬性去掉。
一篇寫得很好的對(duì)json對(duì)象進(jìn)行講解的文章https://segmentfault.com/a/11...
4、函數(shù)是js的一等公民，即最小作用域是函數(shù)。js沒有私有成員的概念，所有對(duì)象屬性都是公有的，但有私有變量。方法：
（1）利用構(gòu)造函數(shù)，訪問私有作用域中的變量。
（2）利用靜態(tài)屬性（掛載在原型上的屬性）訪問作用域中的變量。