当前位置: 主页 > 日志 > 个人日记 > 文章

js小技能

发布时间: 2021-11-27 14:18:28 作者: 王乐园 浏览次数: 656

1.toFixed 把数字转换为字符串,结果的小数点后有指定位数的数字:

var num = 5.56789;
var n=num.toFixed(2);
//n 输出结果:5.57

2. 平时开发中可能会存在一些 直接想要过去浏览器中的接口数据,除了抓包 和 去代码里面找接口打印出来的方式之外,还有一个更简单的

就是去接口中找到想要的数据,鼠标并在上方指向到位置之后,鼠标右键点击,选择 储存为全局变量 ,

然后打印出来就可以啦


3.js 报错取值

    try {
      

    } catch (err) {
        console.error('错误1', err.message);
        console.error('错误2', err.stack);
    }

4.await + Promise 实现同步

let ca =async () => {
     return await new Promise((resolve,reject)=>{
        setTimeout(()=>{
            resolve(console.log(111111));
            
        },2000)
       
    })
 console.log(2222)
}
ca();
//111111
//2222

5.浏览器标签页 显示/隐藏 监听

document.addEventListener("visibilitychange", function() {

console.log( document.visibilityState );

});

// 当前标签页被隐藏时,会打印 hidden

// 当前标签页被显示时,会打印 visible

6. 查询数组是否存在某个值 返回 true/false

let a = [1,2,3]
let b= 2;
a.some(key=>key==b) //true

7. 查询数组是否存在某个值 返回 当前存在的数据

let a = [1,2,3]
let b= 2;
a.find(key=>key==b) //2  返回当前数据

let a = ['aaa','bbb','v']
let b= 'bbb';
a.findIndex(key=>key==b) //1  返回的下标

let a = ['aaa','aaa','aaa']
let b= 'aaa';
let c= a.filter(key=>key==b);
console.log('--',c) //["aaa", "aaa", "aaa"]  返回达到条件的

7. 数组对象大小排序

let vb = [
    
    {
        "grade_id": "1000",
        "grade_name": "店主",
    },{
        "grade_id": "1",
        "grade_name": "普通会员",
    },
    {
        "grade_id": "3000",
        "grade_name": "批发商",
    },
    {
        "grade_id": "2000",
        "grade_name": "精品店主",
    }
];


vb.sort(function (a,b) {
    return a.grade_id - b.grade_id; // 小到大
    return b.grade_id - a.grade_id; // 大到小
 })


8. 日常打印

let gb = ['张山','分',{name:'无语'}]
console.log(`%c 【打印备注】  %c  \n`+JSON.stringify(gb,null,2), "background:#f35555; padding: 10px;color: #fff",'')


本站文章均为原创,欢迎转载,转载请以链接形式注明出处

本文地址: