记录一些日常的小问题（前端）

1、多重循环遍历查找优化
开发中经常会遇到需要在一个数组中查找某一个对象的问题，单纯用for循环语句循环查找。（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;
}

无论有没有找到，这样做都需要全部循环一遍性能太浪费，需要用break来及时跳出此次循环。然而需要跳出多重循环，也就可以改变下用return
优化后的代码：

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中弹出组件是需要异步操作的，但有时候需要在一个同步方法中，进行弹出，即同步方法如何有效包含异步操作
正常的异步操作：

async click(){
    const alert = await this.alertCtrl.create({
            header: '请输入手机号！',
            buttons: ['确定']
        });
    await alert.present();
 }

将click方法同步后的代码：

click(){
    this.alertCtrl.create({
            header: '请输入手机号！',
            buttons: ['确定']
        }).then((alert) => {
            alert.present();
        });
}

3、js对象转换成JSON对象，使用stringfy()方法进行转换，但在转换过程中需要注意，会自动把js对象的属性值为undefined的属性去掉。
一篇写得很好的对json对象进行讲解的文章https://segmentfault.com/a/11...
4、函数是js的一等公民，即最小作用域是函数。js没有私有成员的概念，所有对象属性都是公有的，但有私有变量。方法：
（1）利用构造函数，访问私有作用域中的变量。
（2）利用静态属性（挂载在原型上的属性）访问作用域中的变量。