记录一些日常的小问题(前端)

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)利用静态属性(挂载在原型上的属性)访问作用域中的变量。

相关推荐