关于JS的零碎知识点整理#

#

1. 保留两位小数#

四舍五入#

1
var num = 2.446242342
2
num = num.toFixed(2)     // 输出是字符串 需要用parseFloat或Number再转一下

不四舍五入#

1
Math.floor(15.7784514000 * 100) / 100       // 15.77

2. 字符串反转#

利用数组的reverse方法

1
let str = 'abcdefg'
2
let str_r1 = str.split('').reverse().join('')    // 'gfedcba'
3
let str_r2 = [...str].reverse().join('')         // 'gfedcba'

3. 一位数左边补0#

1
('0'+9).slice(-2)       // '09'
2
('0'+12).slice(-2)      // '12'
3
(''+9).padStart(2,0)    // '09'
4
(''+12).padSart(2,0)    // '12'

4. Object.is()判断两个值是否相等#

1
isNaN(NaN)           // true
2
Object.is(NaN,NaN)   // true
3
Object.is(1,1)       // true

5. 字符与ASCII码互转#

1
String.fromCharCode(97)  // 'a'
2
String.fromCharCode(65)  // 'A'
3
'a'.charCodeAt()         // 97
4
'abc'.charCodeAt(1)      // 98

6. Object.getOwnPropertyDescriptors()#

ES5 的Object.getOwnPropertyDescriptor()方法会返回某个对象属性的描述（descriptor）。 ES8 引入了Object.getOwnPropertyDescriptors()方法，返回指定对象所有自身属性（非继承属性）的描述对象。

7.Object.getOwnPropertyDescriptors() 实现深拷贝#

该方法的引入目的，主要是为了解决Object.assign()无法正确拷贝get属性和set属性的问题

8. 右移一位可以实现除以2并向下取整#

1
5 >> 1   // 2
2
4 >> 1   // 2
3
9 >> 1   // 4
4
10 >> 1  // 5

9. typeof#

typeof 对初始化(未赋值)的变量返回undefined 对未声明的变量也会返回undefined ，而不是报错

1
var message
2
typeof message    // undefined
3
typeof message2   // undefined

10. isFinite() 判断一个数值是否有穷#

正或负的infinity不能参与计算

1
isFinite(3)          // true
2
isFinite(Infinity)   // false

11. isNaN()的用法#

接受一个参数，会先将这个值转为数值，如果不能转为数字，直接返回true

1
isNaN(true)       // false
2
isNaN('abc')      // true
3
isNaN(10)         // false
4
isNaN('10')       // false
5
isNaN(null)       // false
6
isNaN(undefined)  // true

12. (123).toString() 与 ‘123’.toString()#

(123.toString()) 是 Number.prototype.toString 可用于数字转为各种进制

1
(45).toString(2)  // "101101"
2
(45).toString(8)  // "55"
3
(45).toString(16) // "2d"
4
(45).toString()   // "45"  为空则默认为10进制

'123'.toString() 是 String.prototype.toString

13. Array.from()生成值为0的二维数组#

1
// 错误的写法
2
arr = new Array(5).fill(new Array(5).fill(0))
3
// 如果这时只改变arr[0][1] 那么其他项的第一列也会跟着变换
4
arr[0][1] = 3
5
console.log(arr[1][1])   // 3
6

7
// 正确的写法
8
arr = Array.from(Array(5),()=>Array(5).fill(0))
9
arr[0][1] = 3
10
console.log(arr[1][1]) // 0

14 码点与字符串互换#

String.prototype.charCodeAt() 返回 0 到 65535 之间的整数(十进制)，表示给定索引处的 UTF-16 代码单元 String.fromCharCode() 返回由指定的UTF-16代码单元序列创建的字符串

1
'z'.charCodeAt()              // 122
2
String.fromCharCode('122','0o172','0x7a')    // "zzz"

但是对于超过两个字节的字符ES5无法正确转换

1
String.fromCharCode(0x20BB7)   // "ஷ"  乱码  因为0x20BB7超过两个字节,无法正确解读

ES6的两个方法可以解决这一bug

String.codePointAt() 返回UTF-16的完整码点 String.fromCodePoint() 返回由指定的UTF-16代码单元序列创建的字符串

1
"🚀".codePointAt()              // 128640
2
String.fromCodePoint(128640)    // "🚀"
3
"𠮷".codePointAt()              // 134071
4
String.fromCodePoint(0x20BB7,134071)   // "𠮷𠮷"
5

6
// 对于小于两个字节的也完全适用
7
"a".codePointAt()               // 97
8
String.fromCodePoint(97)        // "a"
9
"z".codePointAt()               // 122
10
String.fromCodePoint('122','0o172','0x7a')   // "zzz"

另外一些bug,请参考javascript有个unicode的天坑

15 生成指定范围的随机数随机整数#

1
Math.random            //  [0,1)
2
Math.random()*10       //  [0,10)
3

4
Math.ceil(Math.random()*10)       //  [0,10] 为0的概率极小 向上取整
5
Math.floor(Math.random()*10)      //  [0,9]
6

7
Math.round(Math.random())         //  只能是0或者1  概率各一半
8
Math.round(Math.random()*10)      //  [0,10]，其中获取最小值0和最大值10的几率少一半
9

10
所以希望生成[min,max]的随机数，公式如下：
11
// parseInt() 和 Math.floor()结果都是向下取整
12
parseInt(Math.random()*(max - min + 1) + min,10)
13
Math.floor(Math.random()*(max - min +1) + min)