有意思的js以下记录一些平时看文章时发现的比较有意思js的api而且有些你平时可能遇得到此篇文章就是兴起记录一下欢迎大家

以下记录一些平时看文章时发现的比较有意思js的api

而且有些你平时可能遇得到

此篇文章就是兴起记录一下

欢迎大家补充~

打印json字符串格式化问题

因为业务原因我们调试只能打印json字符串

后来偶然发现JSON.stringify()的格式化功能感觉简直向发现新大陆

var a = {a:1,b:2,c:3,d:4}
console.log(JSON.stringify(a))

这样直接打印是一行出来当数据量大的时候很不清晰再看下面的

var a = {a:1,b:2,c:3,d:4}
console.log(JSON.stringify(a,'',2))

第二个参数为函数也可以为空为函数时就是调动函数处理待操作对象

第三个参数就是缩进美化打印出来的字符串的

具体大家可以看一下api 打印如下

打印数组格式化

直接上代码

var a = [1,2,3,4,5]
console.table(a)

也可以打印数组对象的

var a = [{a:1,b:2,c:3,d:4},{a:1,b:2,c:3,d:4},{a:1,b:2,c:3,d:4}]
console.table(a)

千位分隔符

const num = 2333333;
num.toLocaleString();   // 2,333,333

惊不惊喜？还有别的用处

这是原链接 https://www.colabug.com/2626489.html

字符串补位数字补零字符转Unicode

String.prototype.padEnd()  
String.prototype.padStart()

'abc'.padStart(10);         // "       abc" 填充到指定长度
'abc'.padStart(6,"123465"); // "123abc" 保留左侧
'abc'.padStart(8, "0");     // "00000abc" 重复填充入参到指定长度
'abc'.padStart(1);          // "abc" 保留左侧

'abc'.padEnd(10);         // "abc       " 填充到指定长度
'abc'.padEnd(6,"123465"); // "abc123" 保留左侧
'abc'.padEnd(8, "0");     // "abc00000" 重复填充入参到指定长度
'abc'.padEnd(1);          // "abc" 保留左侧

'1'.padStart(2,0)// 01  数字补零操作
'u'.codePointAt(0).toString(16).padStart(6,'\\u0000') //  "\u0075" 字符串转Unicode

快速生成指定长度的数组

其实也没啥用只是平时需要些循环测试的时候就不用写for了只是起到一个简化代码的作用

我以前是这么写的

<!--因为空数组没有元素是不会执行foreach的 所以要吧数组展开-->

<!--或者使用map生成你想要的数组-->

[...Array(10)].forEach(()=>{
    <!--测试代码-->
    ....
})


快速生成指定填充值的数组

let a = Array(3).fill('abc') // ["abc", "abc", "abc"]

有意思的js