JavaScript字符串的常用方法

• JavaScript字符串用于存储和操作文本
• 字符串是引号中的零个或多个字符。
• 所有字符串方法都会返回新字符串。它们不会修改原始字符串。
  正式地说：字符串是不可变的：字符串不能更改，只能替换。

创建字符串

• new String
• 字面量创建

		//字面量
 		var firstName1 = "Bill";
        console.log( typeof firstName1);//string
        
        //new String 
        var firstName2 = new String("Bill");
        console.log( typeof firstName2);//object

不建议使用/new String 方式创建字符串，可能会产生意想不到的效果

字符串的方法

1.获取字符串长度

• length属性

    var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
    console.log(txt.length);//26
    var str = "welcome to china";
    console.log(str.length); //结果是 16,空格也算长度

2.查找字符串中的字符串

• indexOf()
  返回字符串中指定文本首次出现的索引（位置）

var str = "The full name of China is the People's Republic of China.";
console.log(str.indexOf("China"));//17    0 是字符串中的第一个位置

• lastIndexOf()
  返回指定文本在字符串中最后一次出现的索引

var str = "The full name of China is the People's Republic of China.";
console.log(str.lastIndexOf("China"));//51
console.log(str.indexOf("USA"));//-1

如果未找到文本， indexOf() 和 lastIndexOf() 均返回 -1
两种方法都接受作为检索起始位置的第二个参数

3.检索字符串中的字符串

• search()
  搜索特定值的字符串，并返回匹配的位置

 var str = "The full name of China is the People's Republic of China.";
 console.log( str.search("locate"));//-1
 console.log( str.search("China"));//17

search()和indexOf()的区别：
search() 方法无法设置第二个开始位置参数。
indexOf() 方法无法设置更强大的搜索值（正则表达式）

4.提取部分字符串

• slice(start, end)
  提取字符串的某个部分并在新字符串中返回被提取的部分

    var str = "Apple, Banana, Mango";
    console.log(str.slice(7,13)) ;//Banana
    console.log(str.slice(-13,-7));//Banana
    console.log(str.slice(7));//Banana, Mango
    console.log(str.slice(-13));//Banana, Mango

• substring(start, end)
  substring() 类似于 slice()。不同之处在于 substring() 无法接受负的索引。

    var str = "Apple, Banana, Mango";
    console.log(str.substring(7,13)) ;//Banana
    console.log(str.substring(7));//Banana, Mango

• substr(start, length)
  substr() 类似于 slice()。不同之处在于第二个参数规定被提取部分的长度
  如果省略第二个参数，则该 substr() 将裁剪字符串的剩余部分

    var str = "Apple, Banana, Mango";
    console.log(str.substr(7,6)) ;//Banana
    console.log(str.substr(7)) ;//Banana, Mango
    console.log(str.substr(-5)) ;//Mango

5.替换字符串内容

• replace()
  用另一个值替换在字符串中指定的值,不会改变调用它的字符串。它返回的是新字符串
  默认地，replace() 只替换首个匹配;replace() 对大小写敏感;

    var str = "Please visit Microsoft and Microsoft!";
    console.log(str.replace("Microsoft", "W3School"));//Please visit W3School and Microsoft!
    console.log(str);//Please visit Microsoft and Microsoft!
    console.log(str.replace(/Microsoft/,"W3School")); //Please visit W3School and Microsoft!
    console.log(str.replace(/MICROSOFT/i,"China")); //Please visit China and Microsoft!
    console.log(str.replace(/MICROSOFT/,"China"));//Please visit Microsoft and Microsoft!
    console.log(str.replace(/Microsoft/g,"Beijing")); //Please visit Beijing and Beijing!

6.转换为大写和小写

• toUpperCase()
  把字符串转换为大写
• toLowerCase()
  把字符串转换为小写

    var text = "Hello World!";
    console.log(text.toUpperCase());//HELLO WORLD!
    console.log(text.toLowerCase());//hello world!

7.连接两个或多个字符串

• concat()

    var txt1 = "Hello";
    var txt2 = "World";
    console.log(txt1.concat(" ",txt2));//Hello World
    //concat() 方法可用于代替加运算符。下面两行是等效的
    //var text = "Hello" + " " + "World!";
    var text = "Hello".concat(" ","World!");

8.删除字符串两端的空白符

• trim()

    var str = "       Hello World!        ";
    console.log(str);//       Hello World!
    console.log(str.trim());//Hello World!

trim()IE8及其以下不支持，可以使用replace()代替

var str = "       Hello World!        ";
console.log(str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, ''));//Hello World!

		//加入原型方法中
       /*if (!String.prototype.trim) {
        String.prototype.trim = function () {
            return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
        };
        var str = "       Hello World!        ";
        alert(str.trim());*/

9.提取字符串字符

• charAt(position)
  返回字符串中指定下标（位置）的字符串

 var str = "HELLO WORLD";
 console.log(str.charAt(0));//H

• charCodeAt(position)
  返回字符串中指定索引的字符 unicode 编码

 var str = "HELLO WORLD";
 console.log(str.charCodeAt(0));//72
 console.log(str.charCodeAt(15));//NaN

10.把字符串转换为数组

• split()
  将字符串转换为数组

    var str = "a,b,c,d,e";
    console.log(str.split(","));//["a", "b", "c", "d", "e"]以逗号分割
    console.log(str.split(" "));//["a,b,c,d,e"]数组长度为1  以空格分隔
    console.log(str.split("|"));//["a,b,c,d,e"]  以|分隔
    console.log(str.split(",",2));// ["a", "b"]  以逗号分隔，返回数量为2
    var str1="Hello World!";
    console.log(str1.split(" "));//["Hello", "World!"] 以空格分隔
    console.log(str1.split(""));//["H", "e", "l", "l", "o", " ", "W", "o", "r", "l", "d", "!"]单个字符

11.将字符编码转为相应的字符串

• fromCharCode()

console.log(String.fromCharCode("97","65","66")); //aAB

12.在字符串内检索指定的值

• match()
  在字符串内检索指定的值，或找到一个或多个正则表达式的匹配,匹配不到返回Null
  类似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置

var str = "welcome to W3C";
console.log(str.match(/\d{2}/g)); //null
console.log(str.match(/\d/g)); //["3"]
console.log(str.match(/we/));//["we", index: 0, input: "welcome to W3C", groups: undefined]
console.log(str.match(/we/g)); //["we"]