美文网首页
ES6字符串模版以及数字操作

ES6字符串模版以及数字操作

作者: 一只码农的成长 | 来源:发表于2018-06-26 16:54 被阅读0次

1、字符串的拼接

在ES5中字符串的拼接如下:

let es6 = 'ES6';
let str = '学习' + es6 + '很开心';
console.log(str);    //学习ES6很开心

这样拼接有些麻烦且容易产生引号嵌套问题。所以在ES6中采用了新的拼接方式,如下(以反引号`包裹,变量用${}包裹):

let es6 = 'ES6';
let str = `学习${es6}很开心`;
console.log(str);     //学习ES6很开心

并且在ES6的字符串拼接中,也可以插入html标签,如下:

let es6 = 'ES6';
let str = `<b style="color:red">学习</b>${es6}很开心`;
document.write(str);    //学习ES6很开心(学习二字加粗变红了)
也支持简单的运算(两侧的反引号不能省)
let a = 1;
let b = 2;
let res = `${a + b}`;
console.log(res);    //3

2、字符串的查找

在ES5中字符串的查找:

let es6 = 'ES6';
let str = '学习' + es6 + '很开心';
console.log(str.indexOf(es6)>0);    //true

而在ES6中字符串的查找如下:

let es6 = 'ES6';
let str = '学习' + es6 + '很开心';
console.log(str.includes(es6));    //true

判断字符串开头是否存在(startsWith):

let es6 = 'ES6';
let str = '学习' + es6 + '很开心';
console.log(str.startsWith(es6));

判断字符串结尾是否存在(endsWith):

let es6 = 'ES6';
let str = '学习' + es6 + '很开心';
console.log(str.endsWith(es6));

3、字符串复制

console.log('学习!'.repeat(5));    //学习!学习!学习!学习!学习!

4、二进制以及八进制数值的声明

二进制的英文单词是binary:

let a = 0b0101;    //b可大写可小写
console.log(a);    //5

八进制的英文单词是octal:

let a = 0o1234;    //o可大写可小写
console.log(a);    //668

5、判断一个变量是不是数字

let a = 123;
console.log(Number.isFinite(a));    //true
console.log(Number.isFinite(NaN));    //false
console.log(Number.isFinite(undefoned));    //false
console.log(Number.isFinite(null));    //false
console.log(Number.isFinite('a'));    //false

6、NaN的判断

只有是NaN的时候才为真,别的任何值都为假

console.log(Number.isNaN(NaN));    //true

7、判断一个变量是不是一个整数

只有是整数时才为真,别的值都为假

console.log(Number.isInteger(1));    //true
console.log(Number.isInteger(1+'1'));     //false

8、整数的范围

在ES6中,将最大安全整数以及最小安全整数定义成了一个常量,也就是2的53次方减1

console.log(Math.pow(2,53)-1);                             //9007199254740991
console.log(Number.MAX_SAFE_INTEGER);      //9007199254740991
console.log(Number.MIN_SAFE_INTEGER);       //-9007199254740991

判断一个数是不是安全整数用isSafeInteger

let a = Math.pow(2,53)-1;
let b = Math.pow(2,53);
console.log(Number.isSafeInteger(a));    //true
console.log(Number.isSafeInteger(b));    //false

相关文章

  • ES6字符串模版以及数字操作

    1、字符串的拼接 在ES5中字符串的拼接如下: 这样拼接有些麻烦且容易产生引号嵌套问题。所以在ES6中采用了新的拼...

  • String

    字符串的遍历器接口 ES6为字符串添加了遍历器接口,使得字符串可以被for...of循环遍历 模版字符串 模版字符...

  • es6模版字符串`${ }`

    ES6 的 模版字符串(Template Strings ) 就是用占位符的方式来拼接字符串

  • 模版字符串

    ES6中提供了模版字符串,****用`(反引号)标识,用${}将变量括起来。上面的例子可以用模版字符串写成下面这样...

  • 模版字符串—ES6

    今天在项目中用到了模版字符串,在此感谢小马同学的知识分享。 1、ES6中提供的模版字符串 在使用模板字符串之前我们...

  • React设置多个classNames

    方法一:ES6模版字符串 方法二:join("") 方法三:classnames(需要下载classnames)

  • 前端高频面试题

    ES6语法:let const 箭头函数 Map Set 字符串模版 块级 数组与字符串[https://deve...

  • 字符串模板

    ES5下必须用+js+这样的形式进行拼接。ES6新增了字符串模版。字符串模版不再使用‘xxx’这样的单引号,而是换...

  • 每日总结

    每日单词 ES6模版字符串 语法:模板字符串(Template String)是增强版的字符串,用反引号(`)标识...

  • ES6学习笔记

    es6学习 一、in用法 : 二、数组处理方法: 三、数字操作 四、模板字符串 五、拓展运算符 六、 Object...

网友评论

      本文标题:ES6字符串模版以及数字操作

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