ES6拓展

作者: Delet | 来源:发表于2022-05-30 21:28 被阅读0次

一、字符串拓展

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);

相关文章

  • ES5、ES6对象合并方法大全

    ES5:循环遍历 ES6:object.assign ES6:拓展运算

  • 【JavaScript高程总结】ES6 数组拓展

    ES6 数组拓展 ES6为Array新增的扩展 ...**(拓展运算符)---三个点将一个数组转为用逗号分隔的参数...

  • JavaScript OOP篇

    参考资料 JavaScript面向对象简介 ES6对象的拓展 ES6 class 前言 本篇主要介绍 JavaSc...

  • ES6拓展

    一、字符串拓展 1.模板字符串 在模板字符串中 如果需要写一个返点字符 ,则要在 `前面加上。 2.字符串扩展的...

  • includes,startsWith,endsWith,fin

    startsWith() 与 endsWith() 语法 es6在字符串上拓展了includes(), start...

  • 007_ES6知识点总结(04)函数的拓展

    ES6知识点整理 [toc] 04 函数的拓展 04.1 函数参数的默认值 ES6支持函数定义时,直接在参数定义后...

  • 拓展2(ES6)

    一、ES5与ES6对比 var let const 1、ES5 声明局部变量必须使用一个立即执行函数,而ES6 使...

  • es6数组拓展

    Array.from()该方法用于将类数组或者可遍历对象转化成数组 分析:对象里必须是连续的key值,并且需要le...

  • ES6 拓展总结

    ES6除了我们熟知的箭头函数,模板字符串,函数声明等,近期在项目中发先了其他几个好用的新功能,总结一下: 1 in...

  • es6数组拓展

    Array.of方法 es6之前数组有个怪异的行为: array.of可以解决这个问题: Array.from 定...

网友评论

      本文标题:ES6拓展

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