美文网首页
js 数字 与 字符串之间的操作

js 数字 与 字符串之间的操作

作者: 菜鸟何时起飞 | 来源:发表于2021-09-12 20:29 被阅读0次

1 数字与字符串相加减

// 减号进行的是 数值计算
console.log('5' - 3) //2
// 加号进行的是字符串拼接
console.log('5' + 3) //'53'
// 相当于字符串转换为数字
console.log(+"1") //1

2 数字前面补0

var FillZero = (num, len) => num.toString().padStart(len, "0");
var num = FillZero(156, 5);
console.log(num); //'00156'

3 字符串尾部补全

'x'.padEnd(5, 'ab') // 'xabab'
    'x'.padEnd(4, 'ab') // 'xaba'

4 数字转字母

let letterArr = []
// 选出26个字母
for (let i = 65; i < 91; i++) {
    letterArr.push(String.fromCharCode(i))
}
letterArr = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"]

5 格式化金钱

let formatMoney = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
let money = formatMoney(986542135);
console.log('money ==> ', money);  // ""986,542,135""

6 字符串去除空格
6.1 去除两端空格. trim()

 let str = ' 10 10 ';
console.log(str); // ' 10 10 '
console.log(str.trim()); // '10 10'
// 如果要去除所有空格
let str = ' 10 10 ';
console.log(str.replace(/ /g, '')); // 1010

6.2 消除字符串头部的空格. trimStart():

let str = ' 10 10 ';
console.log(str); // ' 10 10 '
console.log(str.trimStart()); // '10 10 '

6.3 消除尾部的空格. trimEnd()

let str = ' 10 10 ';
console.log(str); // ' 10 10 '
console.log(str.trimEnd()); // ' 10 10'

7 Number.parseInt()用来获取一个浮点数的整数部分

Number.parseInt('12.34') // 12

8 Number.parseFloat 用来截取数值部分

Number.parseFloat('123a') // 123

9 Math.trunc() 用于去除一个数的小数部分,返回整数部分。

Math.trunc(4.9) // 4
Math.trunc(-4.1) // -4
Math.trunc('123.456') // 123 // 内部使用`Number`方法将其先转为数值。

10 Math.sign() 用来判断一个数到底是正数、负数、还是零。对于非数值,会先将其转换为数值

-   参数为正数,返回`+1`;
-   参数为负数,返回`-1`;
-   参数为 0,返回`0`;
-   参数为-0,返回`-0`;
-   其他值,返回`NaN`。
Math.sign(-5) // -1
Math.sign(5) // +1
Math.sign(0) // +0
Math.sign(-0) // -0
Math.sign(NaN) // NaN

11 Math.cbrt()用于计算一个数的立方根。

Math.cbrt(-1) // -1
Math.cbrt(0)  // 0
Math.cbrt(1)  // 1

12 Math.hypot返回所有参数的平方和的平方根。

Math.hypot(3, 4);        // 5

相关文章

网友评论

      本文标题:js 数字 与 字符串之间的操作

      本文链接:https://www.haomeiwen.com/subject/olvtgltx.html