美文网首页
ES6 字符串模板、字符串新增

ES6 字符串模板、字符串新增

作者: 祝名 | 来源:发表于2018-12-17 19:47 被阅读0次

一. 字符串模板

1. ` ${变量的名字} ``

let name = "Arya";
let age = 18;
let str = `这个人叫${name},年龄是${age}岁`;
console.log(str);
-->这个人叫Arya,年龄是18岁

2.

3. 字符串模板``优点

(1)内部书写可以随意换行
(2)内部可随意加单双引号

二.字符串新增

1.字符串查找:str.includes(要找的东西)-->true/false

  • str.indexof(要找的东西)-->返回索引位置,没找到返回-1
    (1) 旧方法:查找字符串中是否存在banana
let str = "apple banana";
if (str.indexof('banana')!= -1) {
    alert(true);
}else{
    alert(false);
}

(2) 新方法:

let str = "apple banana";
alert(str.includes('banana'));
-->true

(3) 浏览器判断

2.字符串是否是以谁开头:str.startsWith(检测的东西)

字符串是否是以谁结尾:str.endsWith(检测的东西)

let str = "https://www.baidu.com/";
str.startsWith('http');
-->true

3. 重复字符串:str.repeat(次数);

let str = "Arya";
console.log(str.repeat(3));
-->打印3次Arya

4.填充字符串

往前填充:str.padStart(整个字符串长度,填充东西);
往后填充:str.padEnd(整个字符串长度,填充东西);

let str = 'a';
let padStr = 'xxx';
console.log(str.padStart( str.length+padStr.length , padStr) );

相关文章

  • 21.模板字符串和标签模板字符串

    ES6新增了模板字符串,用于字符串拼接 ES6新增了标签字符串 标签模板字符串执行结果: 函数的第一个参数为数组,...

  • ES6入门之内置对象的扩展

    1.字符串的扩展 模板字符串。ES5写法: ES6写法: 新增字符串方法:1 repeat; //复制字符串2 i...

  • javascript的字符串

    es6新增的模板字符串 用 ` 包裹例子:var name = '梨花'; var age = 12; aler...

  • ES6

    ES6新增特性: 2.模板字符串适用场景:解决字符串拼接问题用反引号实现:`` 获取值:${ } 匿名函数: 用 ...

  • ES6模版字符串

    初探ES6:字符串模板 && 标签模板 关键词:``,${} 字符串模板: 在ES6之前我们要在html或者con...

  • ES6常用新特性

    ES6新特性介绍 模板字符串 模板字符串实现字符串拼接 模板字符串实现多行字符串 结构赋值 对象的解构赋值 数组的...

  • includes(),以及模板字符串

    includes()方法 表示某个数组是否包含给定的值,返回布尔值。 模板字符串 ES6新增的创建字符串的方式,使...

  • TypeScript字符串新特性

    多行字符串 1. 多行字符串 其中 `` 用来定义 ES6 中的模板字符串,${expr} 用来在模板字符串中嵌...

  • ES6中的模板字符串的基本用法

    ES6的到来,使得JS字符串得到了较大的扩展,其中新增了模板字符串的用法。 一、先与之前的字符串拼接做一个对比 在...

  • ES6学习笔记(五)字符串的扩展

    ES5下的字符串拼接: +foo+的形式拼接,很麻烦而且很容易出错,ES6新增了字符串模板,可以很好的解决这个问题...

网友评论

      本文标题:ES6 字符串模板、字符串新增

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