字符串的方法

创建字符串

• 字面量：

•     // 1. 字面量
          var str1 = 'hhhh'
          var str2 = "zzz"
          var str3 = `asd`
  ​
          console.log(str1)
  

• 构造函数

•     // 2. 构造函数
      var str4 = new String()
      console.log(str4)
      
      var str5 = new String('qwe')
      console.log(str5)
  

字符串的方法1

• charAt
• 语法：字符串.charAt(索引下标)
• 作用：查询指定下标的值’
• 返回值：查询到的值，没有查询到就是一个空字符串

• var str = 'abcdef'
   
         // 1. charAt
         var str1 = str.charAt(50)
         console.log(str1)
   
  

• charCodeAt
• 语法：字符串.charCodeAt(索引下标)
• 作用：查询指定下标的值对应的十进制码
• 返回值：查询到的值对应的十进制码，没有查询到就是NaN

• var str = 'abcdef'
    // 2. charCodeAt
         var str1 = str.charCodeAt(50)
         console.log(str1)
   
  

• toLowerCase
• 语法：字符串.toLowerCase( )
• 作用：将字符串转换为小写
• 返回值;转换后的字符

• var str = 'abcdef'
  // 3. toLowerCase
          var str1 = str.toLowerCase()
          console.log('toLowerCase ---> ', str1)
  

• toUpperCase
• 语法：字符串.toUpperCase( )
• 作用：将字符串转换为大写
• 返回值：转换后的字符

• var str = 'abcdef'
  // 4. toUpperCase
          var str2 = str.toUpperCase()
          console.log('toUpperCase ---> ', str2)
  

字符串的方法2

• substr
• 语法：字符串.substr(开始索引，多少个)
• 作用：截取指定字符串
• 返回值：截取到的字符串

    var str = 'abcdefg'
​
        // 1. substr
        var str1 = str.substr(2, 4)
        console.log(str)
        console.log(str1)
​

• substring
• 语法：字符串.substring(开始小标，结束下标)-------参数包前不包后
• 结束下标不传，相当于写了length
• 作用：截取指定字符串
• 返回值：截取到的字符串

     var str = 'abcdefg'
// 2. substring
        var str1 = str.substring(2, 4)
        console.log(str1)

• slice

• 语法：字符串.slice(开始下标，结束下标)------参数包前不包后

• 结束下标不传，相当于写了length

• 开始下标不传，相当于写了0

• 作用：截取指定字符串

• 返回值：截取到的字符串

   var str = 'abcdefg'
  ​
  // 3. slice
          var str1 = str.slice(2, 4)
          console.log(str1)
  ​
          // 2. 不写参数
          var str1 = str.substring(2)
          console.log(str1)
          var str1 = str.slice()
          console.log(str1)
  ​
  

字符串的方法3

• concat
• 语法：字符串.concat(数据1，数据2，数据3)
• 作用：将字符串和参数传递的数据拼接
• 返回值：拼接后的字符串

var str = 'abcd'
        
        // 1. concat
        var str1 = str.concat('@', '+')
        console.log(str1)

• indexOf
• 语法：字符串.indexOf(数据，开始下标)
• 作用：寻找数据在字符串中的位置
• 返回值：找到的时候返回下标，找不到返回-1

var str = 'abcd'
 // 2.indexOf
        var str1 = str.indexOf('a', 1)
        console.log(str1)

• lastIndexOf
• 语法：字符串.lastIndexOf(数据，开始下标)
• 作用：寻找数据在字符串中出现的位置(倒叙查找)
• 返回值：找到返回下标，找不到返回-1

var str = 'abcd'
// 3. lastIndexOf
        var str1 = str.lastIndexOf('d', 2)
        console.log(str1)
​

• split
• 语法：字符串.split('符号')
• 参数如果传递的是空字符串，会将字符串全部分隔凯
• 作用：在字符串中找到分隔符，将其分隔，并放置到数组中
• 返回值：数组形式

var str = 'abcd'
// 4. split
        var str1 = str.split('@')
        var str1 = str.split('b')
        var str1 = str.split('')
        
        var str1 = str.split(' ')
        console.log(str1)

反转字符串

var str = 'aabbccdd'
​
        /**
         *  1. 转化为数组   字符串.split(分隔符)
         *  2. 反转数组
         *  3. 将数组的每一项合并为一个字符串
        */
​
        var str1 = str.split('')
        console.log(str1)
​
        var str2 = str1.reverse()
        console.log(str2)
​
        var str3 = str2.join('')
        console.log(str3)
​
        // 通过 代码处理后变成 ---> ddccbbaa

字符串的方法4

• trim
• 语法：字符串.trim( )
• 作用：去掉字符串两侧的空格
• 返回值：将去掉空格的字符串返回

  var str = '  a  b  c  '
        console.log(str)
​
        var str1 = str.trim()
        console.log(str1)
​

• trimStart=====trimLeft( )
• 语法：字符串.trimStart( )
• 作用：去掉字符串左侧（开始位置）的空格
• 返回值：将去掉空格的字符串返回

•  var str = '  a  b  c  '
  var str2 = str.trimStart()
          console.log(str2)
          var str3 = str.trimLeft()
          console.log(str3)
  

• trimEnd=====trimRight( )
• 语法：字符串.trimEnd( )
• 作用：去掉字符串右侧（结束位置）的空格
• 返回值：将去掉空格的字符串返回

 var str = '  a  b  c  '
 var str2 = str.trimEnd()
        var str3 = str.trimRight()
        console.log(str2)
        console.log(str3)

字符串的方法5

• includes
• 语法：字符串.includes(字符串片段)
• 作用：判断当前字符串中是否有指定字符串片段
• 返回值：
• true----拥有
• false---没有

 var str = 'abcdefg'
​
        // 1. includes
        var str1 = str.includes('c')
        console.log(str1)
​

• startsWith

• 语法：字符串.startsWith('字符串片段')

• 作用：查询字符串开头是不是指定的字符串片段

• 返回值：

• true---是开头

• false---不是开头

   var str = 'abcdefg'
  ​
          // 2. startsWith
          var str1 = str.startsWith('bc')
          console.log(str1)
  

• endsWith
• 语法：字符串.endsWith('字符串片段')
• 作用：查询字符串结尾是不是指定是字符串片段
• 返回值：
• true---是结尾
• false----不是结尾

 var str = 'abcdefg'
 // 3. endsWith
        var str1 = str.endsWith('ef')
        console.log(str1)

• replace
• 语法：字符串.replace('要被替换的字符' ， '替换的字符')
• 作用：找到当前字符串中的第一个参数对应的值，然后将其替换为第二个参数传入的数据
• 返回值：替换完成的字符串

 var str = 'abcdefg'
  // 4. replace
        var str1 = str.replace('abc', '@@@@@')
        console.log(str1)