es6之字符串添加的东西

在es6里边对字符串添加了一些东西!

字符串模板(非常友善)

相信大家之前都遇到过万恶的字符串拼接,真是噩梦,不过之后有了字符串模板之后,再也不用担心字符串拼接会乱了...

之前的字符串拼接

　　　　 let name ='Strive';let age = 18;let str = '这个人叫'+name+', 年龄是 '+age+'岁';

　　　   console.log(str);

　　　　　let str1=`这个人叫${name},年龄是${age}岁`//现在是这样的

//简直不要太方便有没有

其实这样还好吧不是很容易乱....

那么这样呢.....(haha)

     let data =[{title:'记瑞士发表人类命运共同体演讲一周年', read:100},{title:'关心！刚刚，良渚古城遗址正式申报世界遗产', read:9},{title:'党中央国务院决定了!在全国开展扫黑除恶专项斗争', read:10},{title:'宪法修改必须依法按程序进行', read:180},{title:'新时代的中共全面从严治党 北京两会  新时代新气象', read:900}]let oUl = document.querySelector('#ul1');for(let i=0;i<data.lengthl;i++){let oLi = document.createElement('li');oLi.innerHTML='<span>'+data[i].title+'</span>'+'<span>阅读人数:'+data[i].read+'</span>'+'<a href="javascript:;">详情</a>';oUl.appendChild(oLi);

}

//哈哈哈是不是早已经迷了,那还等什么用一下字符串模板吧
for(let i=0;i<data.length;i++){

     let oLi = document.createElement('li');　　　　oLi.innerHTML=`<span>${data[i].title}</span><span>阅读人数${data[i].read}</sapn><a herf='Javascript:;'>详情</a>`　　　　　oUl.appendChild(oLi)

}//简直赞爆了

　　其实es6在字符串中还增加了一些其他的方法:

　　一字符串查找

//之前的方法        let str = 'apple banana pear';

    if(str.indexOf('banana')!=-1){alert(true);}else{aler(false);}<br />//现在的</pre>

let str = 'apple banana2 pear';

alert(str.includes('banana'));直接返回truez   应该说各有用处吧 我曾经有个需求还必须的用之前的写

   //判断浏览器:  includes

if(navigator.userAgent.includes('Chrome')){    alert('是chrome')}else{    alert('!是chrome')}

二字符串检测

字符串是否以谁开头:   str.startsWith(检测东西)  检测地址  http://www.xxx.xx

let str ='file:///D:/AppServ/www/ES6-demo/%E5%AD%97%E7%AC%A6%E4%B8%B2%E6%9F%A5%E6%89%BE3.html';let str2 ='https://www.baidu.com/';

console.log(str2.startsWith('http'));//返回true

字符串是否以谁结尾:   str.endsWith(检测东西)     检测图片格式  .pnglet str1='sadasdasd.png'   str1.endsWith('.png')  //返回true

重复字符串:         str.repeat(次数);str1.repeat(5)"sadasdasd.pngsadasdasd.pngsadasdasd.pngsadasdasd.pngsadasdasd.png"

填充字符串:   str.padStart(整个字符串长度, 填充东西)   往前填充　　　　str1.padStart(20,'a')　　　　"aaaaaaasadasdasd.png"　　   str.padEnd(整个字符串长度, 填充东西)    往后填充　　　str1.padStart(20,'a')　　　"sadasdasd.pngaaaaaaa"      str.padStart(str.length+padStr.length, padStr)

 　　// 'a' ->  'xxxa'　　let str = 'apple';　　let padStr = 'x';

总结

　　字符串查找:   str.indexOf(要找的东西)   返回索引(位置) ，没找到返回-1   str.includes(要找的东西)   返回值  true/false

   判断浏览器:  includes

es6之字符串添加的东西相关推荐

ES6笔记 -- 字符串拓展
字符串拓展 Unicode 相关 JS 允许使用/uxxxx的Unicode方式显示字符, 但是只限于码点在/u0000~/uFFFF之间, 超过该范围的码点必须用双字节形式表示 ES6 中, 将码点 ...
ES6进阶字符串处理新特性
文章目录字符串遍历模板字符串认识 JavaScript 表达式字符串新增的方法 includes(), startsWith(), endsWith() repeat() padStart() ...
ES6的字符串与正则表达式
目录 1.Unicode支持 2.新增字符串API 3.正则中的粘连标记 4.模板字符串 1.Unicode支持早期由于存储资源有限,Unicode使用16位二进制来存储文字,我们将一个16位二进制 ...
第六节：ES6为字符串String带来哪些好玩的特性？
工作日的推送尝试一下在晚上发,一个是考虑大家下班了放学了,心情轻松愉悦,适合阅读:另一个是上班时间情绪紧绷,没有心思也没有时间去完整地读完这种技术类的文章.(即便通俗易懂) 第六节,开讲啦...... ...
pandas使用pad函数向dataframe特定数据列的每个字符串添加补齐字符或者字符串、向所有字符串的左右两侧填充、直到宽度达到指定要求（both padding）
pandas使用pad函数向dataframe特定数据列的每个字符串添加补齐字符或者字符串.向所有字符串的左右两侧填充.直到宽度达到指定要求(both padding) 目录
pandas使用pad函数向dataframe特定数据列的每个字符串添加前置（前缀）补齐字符或者字符串、向所有字符串的左侧填充、直到宽度达到指定要求（left padding）
pandas使用pad函数向dataframe特定数据列的每个字符串添加前置(前缀)补齐字符或者字符串.向所有字符串的左侧填充.直到宽度达到指定要求(left padding) 目录
pandas使用pad函数向dataframe特定数据列的每个字符串添加后置（后缀）补齐字符或者字符串、向所有字符串的右侧填充、直到宽度达到指定要求（right padding）
pandas使用pad函数向dataframe特定数据列的每个字符串添加后置(后缀)补齐字符或者字符串.向所有字符串的右侧填充.直到宽度达到指定要求(right padding) 目录
【ES6】字符串的拓展
[ES6]字符串的拓展一.为什么ES6要进行字符拓展? 二.ASCLL码.Unicode编码.UTF-8编码的异同三.ES6新增的字符串接口 1)codePointAt() 2)codePoint ...
JAVA使用正则表达式给字符串添加分隔符
场景:获取到日期:String a=20190823,需要转换成String a=2019-08-23. 解决方案:通过观察发现,字符串满足正则表达式String regex="(.{4}) ...

es6之字符串添加的东西

es6之字符串添加的东西相关推荐

最新文章

热门文章