ES6拓展

一、字符串拓展

1.模板字符串
 //  ``
 console.log(` \` `);

在模板字符串中 如果需要写一个返点字符 ,则要在 `前面加上。

2.字符串扩展的操作方法

1.includes()

let str = 'hellow';
console.log(str.includes('o'));//true
console.log(str.includes('a'));//false
    // 查找指定字符 有返回值
    // 能找到 返回true
    // 找不到 返回false

2.starsWidth()

console.log(str.startsWith('h'));//true
console.log(str.startsWith('he'));//true
console.log(str.startsWith('hel'));//ture
console.log(str.startsWith('helo'));//false
console.log(str.startsWith('o'));//false
console.log(str.startsWith('w'));//false
    // 判断是否以 指定字符开头
    // 是 返回 true
    // 不是 返回 false

3.endWith();

    // 判断是否以 指定字符结尾
    // 是 返回 true
    // 不是 返回 false

4.repeat()

console.log(str.repeat(1));
console.log(str.repeat(2));
console.log(str.repeat(3));
    // 将原字符串 重复复制 指定次数 并将生成的新字符串 返回

5.trim()

let str1 = ' a b c d e    f    ';
console.log(str1.trim());// 删除字符串前后空格

6.trimStart();删除首位空格
7.trimEnd();删除末尾空格

2.数值的拓展

Number新增方法

  1. Number.isNaN(变量); 判断数值是否是 NaN
let num = 123;
let num1 = NaN;
 let str = '123';
console.log(Number.isNaN(num));//false
console.log(Number.isNaN(num1));//true
console.log(Number.isNaN(str));//false
        // 只跟 值是不是 NaN 有关系 与数据类型无关

2.Number.parseInt(变量);

let num = '1234.5';// 舍去小数位
console.log(Number.parseInt(num));

3.Number.parseFloat();转成标准的小数 将多余的0去掉

let num1 = 1234.150000;
console.log(Number.parseFloat(num1));

4.isInteger(); 判断是不是整数

let num2 = 123;//true
let num3 = 123.12;//false
console.log(Number.isInteger(num2));
console.log(Number.isInteger(num3));

计算平方
Math.pow(num,次方);
开平方
Math.sqrt(num);
开立方
Math.cbrt(num);

判断一个数是不是正数
Math.sign()
正数返回1 负数返回-1 0返回0

新增运算符 ** 指数运算 相当于 Math.pow()
 console.log(2 ** 4);//16
3.数组的拓展
  1. ...
    有序集合
let arr = [1, 2, 3, 4, 5];
console.log(...arr);//1 2 3 4 5
let [a, b, ...c] = arr;
console.log(c);//[3,4,5]

function fn(...arg) {
 // arguments
console.log(arg);//[1, 2, 3, 4, 5, 6, 7]
}
fn(1, 2, 3, 4, 5, 6, 7);
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ES6除了我们熟知的箭头函数,模板字符串,函数声明等,近期在项目中发先了其他几个好用的新功能,总结一下: 1 in...
    小松Fred阅读 497评论 0 0
  • 函数的扩展 形参默认值参数 function fn1(x){var a = x || 10; //js中默认赋值...
    爆金阅读 188评论 0 1
  • 字符串的拓展 字符的Unicode表示法 ES5中,Unicode必须是\uxxxx形式的,少与4位不行,多于四位...
    exialym阅读 884评论 0 2
  • 作用域的概念 es2015函数作用域全局作用域 es6函数作用域全局作用域块作用域(新增,标识:有大括号包围的)P...
    lincimy阅读 2,729评论 2 1
  • 拓展运算符,是es6的新特性,可以通过减少赋值语句的使用和通过下标访问数组或对象的方式,使你的代码更加优雅简洁可读...
    蜕变最美的你阅读 588评论 0 0