es6中新增的字符串方法

更新日期: 2018-07-02阅读量: 2507标签: 字符串

1.字符串模板:用法:`${变量名}`   (好像是C#6.0中也引入了类似的方法。C#中的用法:$"我是{变量名}" ---> $"我叫{name}" ,相当于string.Format() )

//ES6中字符串新的连接的方式 --->字符串模板
 let name = "小样儿",
      age = 18;
 let str = `我叫${name},今年${age}岁!`
console.log(str);    //我叫小样儿,今年18岁!

字符串模板还是还很有用的,方便了我们拼接字符串,以往的 ' + name + ' 方式拼接起来很费劲,而且隔行还得+,很是麻烦


2.字符串查找方法: string.includes('要找得字符串'),返回 布尔值  ps:区分大小写

let str = "呵呵哒哈哈哈1额额额";
console.log(str.includes("呵呵"));    //true

利用includes检查用户使用的浏览器

if (navigator.userAgent.includes('Chrome')) {
     console.log("是谷歌浏览器");
} else {
      console.log("不是谷歌浏览器");
}


3.检查字符串是否已xxx开头---》string.startsWith("要检查的字符串"),检查字符串是否以xxx结尾---》string.endsWith("要检查的字符串")  两者返回的都是bool

{
        //检查字符串是否以XXX开头   --->string.startsWith("要检查的字符串")   返回值bool
        let urlstr = "http://www.baidu.com";
        let urlstr1 = "file:///C:/Users/xxx.html";
        console.log(urlstr.startsWith("https://"));    //false
        console.log(urlstr1.startsWith("file://"))        //true
}
{
        //检查字符串是否以XXX结尾   --->string.endsWith("要检查的字符串")   返回值bool
        let urlstr = "http://www.baidu.com";
        console.log(urlstr.endsWith("baidu.com"));
        let path = "111.jpg";
        console.log(path.endsWith(".png"));
}



4.字符串重复方法---》string.repeat(次数)

//字符串重复    ---》string.repeat(次数);
let str = "小样儿";
console.log(str.repeat(10));     //小样儿小样儿小样儿小样儿小样儿小样儿小样儿小样儿小样儿小样儿
//会输出十次            ---》感觉没什么用处


5.字符串填充 --->string.padStart(整个字符串的长度,"需要填充的字符串") 往字符串前面填充(在字符串前面插入字符串),string.padEnd(整个字符串的长度,"需要填充的字符串") 往字符串后面填充(在字符串后面插入字符串)

let str = "Iphone";
let padStr = "我的";
console.log(str.padStart(str.length + padStr.length, padStr));//我的Iphone

let iphone = "Iphone";    
 let endStr = "10";    
console.log(iphone.padEnd(iphone.length + endStr.length, endStr));    //Iphone10


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: https://www.fly63.com/article/detial/905

JS字符串首字母都大写的几种方法

正则+replace思路:用正则将字符串拆分为单词数组,并对每个单词进行首字母大写处理。这里简单的把字母、数字、下划线和单撇号都视为了单词成员。

js如何截取字符串后几位?

javascript截取字符串的方法有substring(start,stop)、substr(start,length)、slice(start,end),通过设置其中参数就可以截取字符串后几位。

Js字符串数组初始化

后续的处理是需要遍历这整个数组去完成某些功能,不关心这些字符串的相对顺序。但我们在维护这个字符串数组的时候会感觉有些不方便,比如太长、没有分类

字符串拼接引发的BUG

我们先温习一下JavaScript基础知识。在JavaScript中,根据+左右两边变量的类型的不同,+符号可以用于数字相加或则字符串拼接。我用了string += +string这样的写法,也就是说:由于写代码的时候拷贝黏贴,不小心整了一个多余的+号?

常用的String原型

对于常用的字符串原型的举例:在字符串末尾追加字符串 、删除指定索引位置的字符,索引无效将不删除任何字符 、删除指定索引区间的字符串 、检查字符串是否以subStr结尾

javascript如何分割字符串?

javascript分割字符串的方法:可使用split()实现一次将字符串分割成多个子字符串并返回由这些子字符串组成的数组。

es6字符串的扩展

字符的 Unicode 表示法;codePointAt(); String.fromCodePoint();字符串的遍历器接口;normalize();includes(), startsWith(), endsWith(); repeat();

JS通过身份证号码获取出生年月日和性别

String.substr(start,length) -- start,开始截取下标 length,截取的长度 ;String.replace(/(.{4})(.{2})/,\"$1-$2-\"); --正则,$1-,$2- 分别是引用,前面正则匹配到的字符串

js中String.prototype实现string过滤空格_字符串空格过滤

我们都知道prototype可以向对象上添加属性和方法,语法如下:object.prototype.name=value。这篇文章就是利用prototype,为字符串扩展过滤空格的方法

js截取字符串相关的知识点

截取字符串中的数字:parseInt()方法参数可以有非数字字符串,只要数字在字符串前面就可以;使用正则。截取字符串:使用split()功能:使用指定的分隔符,将字符串切割,并且存储到数组里

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!