美文网首页
JS与ES6字符串相关方法的区别

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

作者: 一只小丫丫 | 来源:发表于2020-02-25 19:34 被阅读0次

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

js字符串相关方法

  1. toLowerCase(): 把字符串转为小写,返回新的字符串。

  2. toUpperCase(): 把字符串转为大写,返回新的字符串。

  3. charAt(): 返回指定下标位置的字符。如果index不在0-str.length(不包含str.length)之间,返回空字符串。

  4. charCodeAt(): 返回指定下标位置的字符的unicode编码,这个返回值是 0 - 65535 之间的整数。
    注意:如果index不在0-str.length(不包含str.length)之间,返回NaN。

  5. indexOf(): 返回某个指定的子字符串在字符串中第一次出现的位置
    注意:indexOf()方法对大小写敏感,如果子字符串没有找到,返回-1。第二个参数表示从哪个下标开始查找,没有写则默认从下标0开始查找。

  6. lastIndexOf(): 返回某个指定的子字符串在字符串中最后出现的位置。
    注意:lastIndexOf()方法对大小写敏感,如果子字符串没有找到,返回-1。第二个参数表示从哪个下标开始查找,没有写则默认从最后一个字符处开始查找。

  7. slice(): 返回字符串中提取的子字符串。

  8. substring(): 提取字符串中介于两个指定下标之间的字符。
    //注意:substring()用法与slice()一样,但不接受负值的参数。

  9. substr(): 返回从指定下标开始指定长度的的子字符串
    注意:如果没有指定length,返回从下标开始处结尾处的所有字符串。

  10. split(): 把字符串分割成字符串数组。

  11. replace(): 在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

  12. match(): 返回所有查找的关键字内容的数组。

ES6中字符串方法

空白

trim()
trimLeft()
trimRight()
//去掉空白,左边空白,右边空白

检测包含

includes(s)//查找字符串中是否包含s字符
statsWith(s)// 是否以s字符开头
endsWith(s) //是否以s字符串结尾

重复

repeat(n) //重复字符串n次

填充

padStart(len , s)//以s字符补齐长度len从前面
padEnd(len , s)//以s字符补齐长度len从后面

模板
1.符号 ``
2.任意换行
3.单双引号 特殊符号不需要转义
4.添加变量 ${变量名}

var name = "mumu";
var age = 19;
var str = `大家好,我的名字是${name} 今年我${age}岁了`;

相关文章

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

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

  • js与ES6对象常用方法区别

    js与ES6对象常用方法区别js中对象方法 Object.assign//用于克隆 Object.is()…用于判...

  • ES6-02 字符串与正则表达式

    ES6学习笔记-字符串与正则表达式 JS字符串编码 在ES6之前,JS的字符串以16位字符编码(UCS-2)为基础...

  • React最佳入门

    起步 ES6 默认参数与rest sprea(展开) 模板字符串 解构赋值 类 ES6模块化 a.js b.js ...

  • 学习资料

    js相关 阮一峰JS教程 阮一峰es6教程 JS原型与闭包 正则表达式 canvas学习 插件库相关 babel ...

  • Javascript中的extend用法

    1. JS中substring与substr的区别 之前在项目中用到substring方法,因为C#中也有字符串的...

  • JavaScript 字符串

    js字符串,js字符串的概述和声明,js字符串的特性,js字符串的常用方法,js字符串的拓展方法,js字符串的案例...

  • Promise, generator & async funct

    相关github草稿代码在此处相关es6教程在此处 大纲 JS与python的同步和异步 generator的执行...

  • ES6快速入门(一)

    如何在浏览器中使用es6的语法呢? 方法一:引入文件相关js文件 方法二: 在线编译 测试 --- http...

  • 字符串

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

网友评论

      本文标题:JS与ES6字符串相关方法的区别

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