美文网首页
ES6 字符串方法

ES6 字符串方法

作者: 崩鲨卡拉卡 | 来源:发表于2019-02-19 12:29 被阅读0次

- 字符串

  • 新添两个方法 startsWidthendsWith
  • 字符串模板

- startsWidth 判断开头字符串

返回 true 或者 false

let  url='https://www.baidu.com';
     if (url.startsWith('http://')) {
         alert("这是普通网址")
     } else if(url.startsWith('https://')){
         alert("这是加密网址")
     }

- 字符串模板 和 字符串连接

i. 直接把东西塞到字符串里面,使用反引号-> ``包裹, ${ 东西 }

let a=12;
let str=`这是反引号拼接--我今年${a}岁了`;
alert(str);

ii.可以折行写代码,无需拼接

 let a=12;
        let title='自述:';
        let end='来自:张健'
        let str=`
        <h1>${title}</h1>
        <p>这是反引号拼接--我今年${a}岁了</p>
        <span>${end}</span> `;
        document.getElementById("con").innerHTML=str;

相关文章

  • 字符串

    1. 字符串方法。 2. ES6新增加的字符串方法。

  • JS判断对象是否为空

    方法一: 将 Object 对象转换为字符串,然后判断字符串 方法二: 方法三: ES6 新增的方法 Object...

  • React设置多个classNames

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

  • 日期格式转换

    es6字符串方法padStart()方法,padEnd()方法字符串补全长度的功能。如果某个字符串不够指定长度,会...

  • JS与ES6字符串相关方法的区别

    JS与ES6字符串相关方法的区别 js字符串相关方法 toLowerCase(): 把字符串转为小写,返回新的字符...

  • ES6的字符串

    ES6 之前判断字符串是否包含子串,用 indexOf 方法,ES6 新增了子串的识别方法。1.includes(...

  • ES6最新特性汇总

    let,const代替var 模板字面量 作用:连接字符串如,旧的表示方法: ES6表示方法:使用`字符串${变量...

  • padStart()方法,padEnd()方法

    偶然看到一个方法 研究下padStart方法 padStart()方法,padEnd()方法ES6 引入了字符串补...

  • 正则表达式的扩展

    构造函数 在ES6中可以这样定义正则表答式 字符串方法 字符串中的方法match()、replace()、sear...

  • ES6新语法

    一、字符串拼接(ES6) 1.传统方法 使用+ 2.模版拼接(ES6新方法) 使用${str1}拼接,可支持换行,...

网友评论

      本文标题:ES6 字符串方法

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