前端(JavaScript)------字符串

a.测量字符串长度：length属性
<script>
  var txt1 = "Hello World!";
  document.write("<p>" + txt1.length + "</p>");//12
  var txt2 = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
  document.write("<p>" + txt2.length + "</p>");//26
</script>
ps:   document.write()的作用是：能够在页面当中通过脚本的方式编写html样式的代码。
pss:  这只是一种写法，在现在阶段和console.log效果没差别。
psss: length属性是字符串经常会用到的，必须掌握！

b.字符索引：[ ]方法
  [ ]方法：在字符串后面接中括号，中括号中写数字。能够访问到字符串中的每个字符。
  var name = "Frankenstein";  
  var firstCharacter = name[0]; 
  document.write("<p>"+firstCharacter +"</p>");
ps:  索引一次只能索引一个字符，如果需要多个则需要用+连接符。
pss: 索引从0开始，0表示第一个字符。

c.获取指定位置字符：charAt()方法和charCodeAt()方法
  charAt()和charCodeAt()方法均表示获取指定位置的字符。不同的是：
    charAt返回的是具体的字符
    charCodeAt返回的是字符对应的Unicode编码
  var name = “Frankenstein”；
  var at = name.charAt(0);
  var codeAt = name.charCodeAt(0);
  结果显而易见：
  F
  70
ps： 字符编码需要记得的两个。A—65，a—97。其他符号累加即可。
pss：如果 index 是负数，或大于等于字符串的长度，则 charCodeAt() 返回 NaN。 

d.字符串连接：concat()方法
  concat()方法能够将两个字符串拼接起来，合成一个新的字符串。
<script>
  var speakWord1 = "come on！Please！";
  var speakWord2 = “cute girl！";
  var finalWord = speakWord1.concat(speakWord2);
  console.log(finalWord);
</script>
可以认为concat和+作用相同。至少在现阶段我们可以认为他们是没有区别的。

  语法：var newString = new String(‘Frankenstein’);
            var string1 = “frank";  //typeof返回 String
            var string2 = new String(“frank");   //typeof返回 Object

  var x = "John";              
  var y = new String("John");
  (x === y)  // 结果为 false，因为是字符串，y 是对象        

5).substring:截取字符串
  作用是从num1位置开始截取，截止到num2位置结束之间的字符串。
  语法：str.substring(num1,num2);
  var string = 'The Three FireGuners';
  string.substring(4, 9) // 'Three'
  string.substring(9, 4) // 'Three'
  第一个参数表示子字符串的开始位置，第二个参数表示结束位置。
  ps：结束位置理论上应该大于开始位置。
  pss：如果出现第一个参数大于第二个参数的情况，substring方法会自动更换两个参数的位置。

(6).substr:截取字符串
  作用是从num1位置开始截取，num2表示要截取的字符串长度。
  语法：str.substr(num1,num2);
  var string = 'The Three fireGuners';
  string.substr(4, 9) // 'Three fir'
  string.substr(9, 4) // ' fir'
  ps：subStr方法虽然写法和subString很相似，但是表达的涵义以及用法却并不一样。substr方法两个参 
        数不能够互换。

(7).slice:截取字符串
  作用是从num1位置开始截取，num2表示截取结束的位置。
  语法：str.slice(num1,num2);
  var string = 'The Three fireGuners';
  string.slice(4, 9) // 'Three'
  string.slice(9, 4) // ''
  ps：slice作用也是截取字符串，但是slice的两个参数不能互换。
  pss：如果开始位置大于结束位置，那么返回结果就是一个空字符串。
  思考，如果开始位置是一个负数会发生什么？

  var string = 'The Three fireGuners';
  string.substring(0);
  string.substr(0) ;
  string.slice(0);

(8).indexOf:查找一个字符串在另一个字符串的位置
  语法：str.indexOf(‘subStr’);
  var string = 'xiaoMingTongXue';
  string.indexOf('i') ;//1
  字符串的查找是从原字符串的开始处进行查找。如果查找失败则返回-1.

(9).lastIndexOf:查找一个字符串在另一个字符串的位置
  语法：str.lastIndexOf(‘subStr’);
        var string = 'xiaoMingTongXue';
        string.lastIndexOf('i') ;//5
  字符串的查找是从原字符串末尾处向前进行查找。如果查找失败则返回-1.
  ps：只是查找顺序从末尾向前，并不是把字符串也反过来查找！！
    var string = 'xiaoMingTongXue';
    string.lastIndexOf('eu') ;//-1

 str.indexOf(‘subStr’,num);
  str.lastIndexOf(‘subStr’,num);
  var string = 'xiaoMingTongXue';
  string.indexOf('i',3); //5
  string.lastIndexOf('i',3) ;//1 

(10).trim方法
  trim()方法的作用是能够去掉字符串两端多余的空格。
  语法：str.trim();
  var string = '  China WanSui!  ';
  string.trim() ;//China WanSui!
ps：需要强调的是trim方法并不会对原本字符串产生任何影响，而是会生成一个新的字符串。

(11).toUpperCase方法
  toUpperCase方法能够把字符串中的英文字母全都转换成大写字母。
  语法：str.toUpperCase();
  var string = 'i am grute!';
  string.toUpperCase() ;//I AM GRUTE!
ps：方法调用后面的()不能省略，这表示调用了一个方法！

(11).toLowerCase方法
  toLowerCase方法能够把字符串中的英文字母全都转换成小写字母。
  语法：str.toLowerCase();
  var string = 'I AM Grute！';
  string.toLowerCase() ;//i am grute！

(12).localeCompare方法
  localeCompare方法的作用是根据本地的排序规则来进行比较。
  如果计算结果大于0则表示str1大于str2。
  如果计算结果等于0则表示str1等于str2。 如果计算结果小于0则表示str1小于str2。 
  语法：str1.localeCompare(str2);
  var str1 = 'f';  
    var str2 = 'D';
  str1.localeCompare(str2) ;//1

(13).match方法
  match方法的作用是查找原字符串是否匹配某个子字符串，返回结果是匹配的子字符串数组
    如果没有找到 则返回null。返回的数组内容为：寻找的子字符串，子字符串位置和原字符串。
  语法：str.match(substr);
  var string = 'hello world hello！';
  string.match('hello') ;//['hello', index: 0, input: 'hello world hello！']
     ps：需要注意的是match方法只能匹配到寻找到的第一个字符串。

(14).search方法
  search方法和match相似，都是查找子字符串在指定字符串中的位置。不同的的返回结果为下标。如果没有找到匹配字串，则返回-1。
  语法：str.search('subStr');
  var string = 'hello world hello！';
  string.search('hello') ;//0

(15).replace方法
  replace方法能够将【查找到的第一个指定字符串】替换成【目标字符串】。如果查找失败则不发生替换，而是将原字符串复制一份拷贝。
  语法：str.replace(oldString,newString);
  var string = 'hello world!';
  var newString = string.replace('world','frank') ;//hello frank!
  var stringCopy = string.replace('worlk','frank');//hello world!
ps：需要强调的是replace方法并不会对原本字符串产生任何影响，而是会生成一个新的字符串。
pss：replace只能改变第一个查找到的子字符串，如果想要改变多个，仍然需要依赖于正则表达式。

(16).split方法
  split方法能够根据指定的符号将字符串进行分割，分割后的每一个子元素整合成一个数组返回。
    如果无法分割，那么返回的数组只有一个元素，这个元素就是字符串本身。
  语法：str.split(symbol);
  var string = 'good bye everyone.';
  string.split(' ') ;//["good", "bye", "everyone"]
ps：split方法最后会返回一个数组。
pss：分割的符号不同，得到的结果也不同。

  var string = 'frank';
  console.log(btoa(string));//ZnJhbms=
  var string = 'ZnJhbms=';
  console.log(atob(string));//frank