js和es6中的字符串方法总结

godruoyi 发布于2019-08-23 10:24 / 3077人阅读

摘要：截取字符串用法用数学表达式表达区间的话就是截取和上面结果一样会自动进行掉换，但是和必须要都为正数。

1.substring(start,end) -> 截取字符串

用法：
1.substring(start,end) -> 用数学表达式表达区间的话就是截取[start,end);
2.substring(start,end),end > start -> 和上面结果一样,会自动进行掉换，但是start和end必须要都为正数。如果start和end都为空返回原字符串（没意义）
3.substring(start) -> 没有end相当于[start,最后一个字符]

let str = "Hello world";
let use1 = str.substring(0, 3);
console.log(use1); // Hel
let use2 = str.substring(3,0);
console.log(use2); // hel
let use3 = str.substring(2);
console.log(use3); // llo world

2.slice(start,end) -> 截取字符串

用法：

slice的用法和substring的用法基本一样，只是区别在于：
1.slice(start,end) -> start是不能大于end的，否则返回空字符串；
2.slice可以接受参数是负数，如果是负数的话，规则将按照：字符串的长度和赋值相加，替换掉这个值。举例如下：

let str = "abcdefg" // length = 7
str.slice(1,-4) // bc  -> str.slice(1,7-4) -> str.slice(1,3)

3.substr(start,length) -> 截取指定位置和指定长度的字符串

用法：
1.substr(start,length) -> 截取的字符串区间为：[start,start+length)->从start开始，算上start数length个字符串;
2.substr(start) -> 截取的字符串区间为：[start,最后一个字符]

  let str = "Hello world";
  console.log(str.substr(1,2)) // el
  console.log(str.substr(3)) // lo world

4.split() 5.indexOf(char,index) 和 lastIndexOf(char,index)

1.char:是你要找的那个字符，index:是从哪个字符的位置序号开始找(没有则在indexOf中是最左边的字符，在lastIndexOf中是最右边的字符)；
2.indexOf是从左往右搜索，而lastIndexOf是从右往左搜索；
3.它们的返回值都是搜到char所在的位置序号，如果没搜到，返回-1；
4.如果index为负数，那么在indexOf和lastIndexOf方法中，-1代表的是最后一个字符

  let str = "good";
  console.log(str.indexOf("o")); // 1
  console.log(str.lastIndexOf("o")); // 2

6.charAt(index) 和 charCodeAt(index) 和at(index) (es6属性)

charAt(index)返回index位置的字符，charCodeAt(index)返回index位置的字符Unicode码
charAt(index)不能识别大于0xFFFF的字符，这时候可以用at()来识别

  var str = "abc"
  str.charAt(0) // a
  str.charCodeAt(0) // 97

未完待续...

私有云服务器托管 js中的字符串方法 js中的replace方法 es6中的class es6中的promise

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/96308.html

ES6新特性总结一

摘要：一旦声明，常量的值不能被改变。顶层对象的属性顶层对象，浏览器中指的是对象，在中指的是对象。中新增了两个命令和，命令用于暴露出模块对外的接口，而则用于输入某一模块。 1.声明变量的关键字：const 和 let JavaScript ES6中引入了另外两个声明变量的关键字：const和let。在ES6中，我们将很少能看到var了。 const关键字 const声明一个只读的常量。一旦声明...

MarvinZhang 2019-08-26 11:48 评论0 收藏0
javascript --- 数据类型

摘要：其他字符可以是字母下划线美元符号或数字。在使用声明变量，但没有对其初始化时，这个变量的值就是。从逻辑上思考，他们的值，一个是，一个报错他们的类型，却都是。这时，可以采用变量的类型进行比较。类型有两个值字面量和。 javascript 数据类型 javascript由于nodejs的出现将触角延伸至各个开发领域, 也由于 ES6等后续版本的推出对程序员越来越友好, 收到程序员的强烈推崇,...

darcrand 2019-08-26 11:35 评论0 收藏0
babel使用方法总结

摘要：在项目根目录下创建一个文件，注意这是个配置文件，以点号开头，没有后缀。提供了一种可以在浏览器中使用的方法，只需两步就能一劳永逸。 1.在命令行中使用 Babel Babel 官方推荐将 Babel 安装在本地，因为 Babel 的不同版本以及不同转码规则会起到不同的效果，全局安装会带来不必要的麻烦。在命令提示符中转到自己的项目目录下： npm install --save-dev ba...

沈俭 2019-08-20 14:36 评论0 收藏0
ES6常用新特性——读《Understanding ECMAScript 6》总结

摘要：对象解构对象解构语法在赋值语句的左侧使用了对象字面量，例如代码中，的值被存储到本地变量中，的值则存储到变量中。当使用解构赋值语句时，如果所指定的本地变量在对象中没有找到同名属性，那么该变量会被赋值为。现在ES6在很多项目中大量使用。最近我也花时间看了一下《Understanding ECMAScript6》的中文电子书。在这里总结了一些在实际开发中常用的新特性。块级作用域在ES6...

jsliang 2019-08-21 11:50 评论0 收藏0
ES6，你不得不学！

摘要：但是，的本质仍然是函数，是构造函数的另外一种写法。报错原生构造函数的继承对于一些原生的构造函数，比如，，，等，在是无法通过方法实现原生函数的内部属性，原生函数内部的无法绑定，内部属性获得不了。在没有学习 ES6 之前，学习 React，真的是一件非常痛苦的事情。即使之前你对 ES5 有着很好的基础，包括闭包、函数、原型链和继承，但是 React 中已经普遍使用 ES6 的语法，包括 ...

CKJOKER 2019-08-21 11:16 评论0 收藏0