字符的理解和15种使用方法

-   ECMAScript版本5，是公认兼容性最好的版本

    -   将来做好的项目，代码要转成ES5去运行

-   严格模式

    -   对代码要求更高

        -   在全局的顶部或局部的顶部添加字符串 'use strict'

            -   添加在全局的，可以要求所有代码
            -   添加在局部的，只能要求局部的代码

    -   优点

        -   代码更加规范
        -   运行的效率更高了

• 重新认识

  • 字符串可以取下标，能遍历

  • 只能读，不能增、删、改

  • 字符串有长度

    • 字符串.length

字符串比较

• 字符串可以比较大小，比较规则是 逐字符比较

  • 字符大小由阿斯克码决定

    • 0-9的阿斯克码

      • 48~57

    • A-Z的阿斯克码

      • 65~90

    • a-z的阿斯克码

      • 97~122

字符串方法

• charAt：根据下标获取对应的字符

  语法:字符串.charAt(下标) - 返回对应的字符

  ini
   var str = 'abcdef'
   console.log( str.charAt(3) );
   console.log( str[3] );
  

• charCodeAt - 根据指定下标获取对应的字符的阿斯克码

  语法：字符串.charCodeAt(下标) - 返回阿斯克码

  ini
  var str = 'abcdef';
  // 获取下标为3的字符的阿斯克码
  var res = str.charCodeAt(0); // 参数为指定的下标
  console.log(res); // 97
  

• String.fromCharCode - 根据指定的阿斯克码得到对应的字符

  语法：String.fromCharCode(阿斯克码) - 返回对应的字符

  javascript
  // 获取98对应的字符
  var res = String.fromCharCode(98); // 参数为指定的阿斯克码
  console.log(res); // b
  

• indexOf - 查找字符或子字符串在大字符串中第一次出现的位置

  语法：字符串.indexOf(字符或小字符串)

  javascript
  var str = 'i love you';
  // 找到o字符在str中第一次出现的位置
  var s = str.indexOf('o'); // 参数为要查找的字符
  console.log(s); // 3
  ​
  var s = str.indexOf('o',4); // 参数2为开始查找的下标
  console.log(s) // 8
  ​
  var s = str.indexOf('a') // 查找a字符在字符串中第一次出现的下标
  console.log(s) // -1 - 找不到就返回-1
  

• lastIndexOf - 查找字符在字符串中最后一次出现的下标

  语法：字符串.lastIndexOf(字符/小字符串)

  javascript
  var str = 'i love you';
  // 找到o字符在str中最后一次出现的位置
  var s = str.lastIndexOf('o');
  console.log(s); // 8
  ​
  var s = str.lastIndexOf('o',7) // 将下标7当做字符串末尾，查找字符o在字符串中最后一次出现的下标
  console.log(s) // 3
  ​
  var s = str.lastIndexOf('a')
  console.log(s) // -1 - 找不到就返回-1
  

• slice - 截取字符串

  语法：字符串.slice(开始下标, 结束下标) - 返回截取出来一段字符串

  javascript
  var str = 'abcdef';
  // 从下标1截取到下标4
  var s = str.slice(1,4) // 参数1是开始截取的下标，参数2是截取的结束下标
  console.log(s) // bcd - 结果中不包含结束下标对应的字符
  ​
  var s = str.slice(1) // 省略第二个参数，默认能截取到字符串末尾
  console.log(s) // bcdef
  ​
  var s = str.slice(-3,-1) // 下标可以使用负数表示，-3表示倒数第3个字符，-1表示倒数第1个字符
  console.log(s) // def
  ​
  var s = str.slice(-1,-3) // 如果开始下标比结束下标大，会截取到空
  console.log(s) // ''
  

• split - 将字符串使用指定的分隔符分割为数组

  语法：字符串.split(分隔符) - 返回数组

  css
  var str = 'a-b-c-d';
  var arr = str.split('-') // 参数为分隔符，使用-将字符串分割为一个数组
  console.log(arr) // ['a','b','c','d']
  ​
  var arr = str.split('-',3) // 参数2表示数组中要保留前几个元素
  console.log(arr) // ['a','b','c']
  ​
  var str = 'abcd';
  var arr = str.split() // 省略了分隔符，默认就不分割，将整个字符串当做一个元素放在数组中
  console.log(arr) // ['abcd']
  ​
  var arr = str.split('')
  console.log(arr) // ["a", "b", "c", "d"]
  

• replace - 使用新字符串将字符串中某一部分替换掉

  语法：字符串.replace(字符串中的一部分, 新内容) - 返回被替换后的字符串

  python
  var str = '你的头发还好吗？';
  str = str.replace('头发','眉毛') // 参数1是被替换的字符串中的部分，参数2是新内容
  console.log(str) // '你的眉毛还好吗？'
  ​
  str = str.replace('','哈哈') // 参数1为空，就会将新内容添加到原字符串的最前面
  console.log(str) // '哈哈你的眉毛还好吗？'
  

• trim - 去除字符串两端空白

  语法：字符串.trim() - 返回左右两边没有空格字符串

  ini
  var str = '    aaa          ';
  str = str.trim()
  console.log(str) // 'aaa' - 左右两端的空白被去掉了
  

• trimLeft：去除左边空格

rust
  str = str.trimLeft() // 去除左边的空白
  console.log(str) // 'aaa   

• trimRight：去除右边空格

rust
   str = str.trimRight() // 去除右边的空白
   console.log(str) // '    aaa'

• toUpperCase - 将字符串中字母转为大写

  语法：字符串.toUpperCase()

  ini
  var str = 'i love you';
  str = str.toUpperCase()
  console.log(str) // 'I LOVE YOU'
  

• toLowerCase - 将字符串中字母转为小写

  语法：字符串.toLowerCase()

  ini
  var str = 'I LOVE YOU';
  str = str.toLowerCase()
  console.log(str) // 'i love you'
  

• substr - 截取字符串

  语法：字符串.substr(开始下标, 截取的长度) - 返回截取出来的一段

  rust
  var str = 'abcdef';
  str = str.substr(1,3) // 参数1是开始截取的下标，参数2是截取的字符串长度
  console.log(str) // bcd
  ​
  str = str.substr(1) // 省略参数2默认截取到字符串末尾
  console.log(str) // bcdef
  ​
  str = str.substr(-4,2) // 开始截取的下标可以用负数表示
  console.log(str) // 'cd'
  ​
  str = str.substr(1,20) // 长度超出最大下标，就相当于省略了参数2
  console.log(str) // cdef
  

• substring - 截取字符串

  语法：字符串.substring(开始下标, 结束下标) - 返回截取出来一段字符串

  scss
  var str = 'abcdef'
  str = str.substring(1,4) // 参数1是开始截取的下标，参数2是结束下标
  console.log(str) // bcd - 结果不包含结束下标对应的字符
  ​
  str = str.substring(1) // 省略参数2，默认截取到末尾
  console.log(str) // bcdef
  ​
  str = str.substring(1,1) // 开始下标和结束下标相等就截取到空字符串
  console.log(str) // ''
  ​
  str = str.substring(4,1) // 开始下标大于结束下标，就先交换两个参数位置，然后再截取
  console.log(str) // 'bcd'
  ​
  str = str.substring(-5,4) // 开始下标或结束下标是负数，就先替换为0，然后开始截取
  console.log(str) // abcd
  

• startsWith - 判断字符串是否以某个字符或小字符串开头

  语法：字符串.startsWith(字符/小字符串) - 返回布尔值

  ini
  var str = 'abcdef'
  var bool1 = str.startsWith('a') // true
  var bool2 = str.startsWith('ab') // true
  var bool3 = str.startsWith('aa') // false
  

• endsWith - 判断字符串是否以某个字符或小字符串结尾

  语法：字符串.endsWith(字符/小字符串) - 返回布尔值

  ini
  var str = 'abcdef'
  var bool1 = str.endsWith ('f') // true
  var bool2 = str.endsWith ('ef') // true
  var bool3 = str.endsWith ('ff') // false
  

• includes - 判断字符串中是否包含某个字符

  语法：字符串.includes(字符/小字符串) - 返回布尔值

  ini
  var str = 'abcdef'
  var bool1 = str.endsWith ('cd') // true
  var bool2 = str.endsWith ('f') // true
  var bool3 = str.endsWith ('acd') // false
  

• repeat：将某个字符串重复多次，形成新的字符串

  语法：字符串.repeat(次数) - 返回新字符串

ini
var str = '*'

str = str.repeat(9)

console.log(str);