JavaScript教程--标准库系列（1）--String对象

欢迎来到JavaScript教程–标准库系列

这是本系列的第一篇教程，String对象。我本人也在复习的过程中重新学习，希望能和看见这篇文章的程序?共同进步。

1. String对象概述

1.1 JavaScript原生提供的三个包装对象

对象是 JavaScript 语言最主要的数据类型。

通常情况下我们认为JavaScript有三种原始类型的值——数值、字符串、布尔值。数值、字符串、布尔值相对应的Number、String、Boolean三个原生对象。这三个原生对象可以把原始类型的值变成（包装成）对象。

而本章要学习的String对象就是JavaScript原生提供的三个包装对象之一，用来生产字符串对象。

1.2 进入开发者工具

chrome控制台打开方式：

Mac：Option + Command+ J

Windows：Ctrl + Shift+ J

其他：百度一下，你就知道～

1.3 何为String对象

var s1 = 'hello';
typeof s1 // "String"

var s2 = new String('world');
typeof s2 // "Object"

s2.valueOf() // "world"

在上述代码片段中，s1是直接定义的字符串值，因此它的类型是原生类型String，而s2是字符串对象，所以它的类型是对象。但是由于它的值是字符串，所以s2.valueof方法返回的是它对应的原始字符串。

1.4 String对象与数组

字符串对象与数组类似（但不是数组）

new String('hello world')
//String{0:"h",1:"e",2:"l",3:"l",4:"o",5:" ",6:"w",7:"o",8:"r",9:"l",10:"d", length:11}

在上面的代码中，字符串“hello world”可以像数组那样取值，也有length属性。

1.5 String作为工具方法

String(true) // "true"
String(521) // "521"

String对象作为工具方法，将任意类型的值转为字符串.
上述代码即为通过String工具方法，将布尔值“true”和“5”转换为字符串。

2. String静态方法–String.fromCharCode()

静态方法：定义在对象本身，而不是对象实例的方法。

String.fromCharCode()方法的参数是一个或多个数值，代表Unicode码点，返回值是码点组成的字符串。
【注】该方法不支持Unicode码点大于0xFFFF的字符，即传入的参数不能大于0xFFFF（十进制的65535）

String.fromCharCode() //""
String.fromCharCode(97) //"a"
String.fromCharCode(104,97,112,112,121) // "happy"

【注】若String.fromCharCode参数值大于0xFFFF,返回错误结果——忽略多出的位。

3. String实例属性–String.prototype.length

length属性返回字符串的长度

'hello world'.length // 11

4. String实例方法

4.1 String.prototype.charAt()

charAt方法返回指定位置的字符，参数是从0开始编号的位置。

var s = new String('abc');

s.charAt(1) // "b"
s.charAt(s.length - 1) // "c"
s[1] // "b"

如果参数是负数，或大于等于字符串的长度，charAt返回空字符串。

'abc'.charAt(-1) // ""
'abc'.charAt(3) // ""

4.2 String.prototype.charCodeAt()

charCodeAt方法返回字符串指定位置的十进制表示的Unicode码点，相当于String.fromCharCode()的逆操作。
根据参数的不同，分为以下几类：

• 参数为[0, length-1]区间的任意整数——返回对应位置字符的Unicode码点。
• 没有任何参数——返回首字符的Unicode码点。
• 参数为负数，或大于等于字符串长度，返回NaN。

'hello'.charCodeAt(1) // 101
'hello'.charCodeAt() // 104
'hello'.charCodeAt(-1) // NaN
'hello'.charCodeAt(5) // NaN

4.3 String.prototype.concat()

concat用于连接两个或两个以上字符串，返回一个新字符串，不改变原字符串。
接受多个参数。
如果参数不是字符串，concat方法将其先转为字符串，再进行连接。
与“+”不同，加号运算符在两个运算数都是数值时，不会转换类型。

var s1 = 'have';
var s2 = 'a';
var s3 = 'nice';
var s4 = 'day';
var one = 1;
var two = 2;
var three = '3';

''.concat(s1,' ',s2,' ',s3,' ',s4) // "have a nice day"
''.concat(one, two, three) // "123"
one + two + three // "33"

4.4 String.prototype.slice()

slice方法用于从原字符串取出子字符串并返回，不改变原字符串。
第一个参数是子字符串的开始位置，第二个参数是子字符串的结束位置（不含该位置）。

• 如果省略第二个参数，或第二个参数大于等于length，则表示子字符串一直到原字符串结束。
• 如果参数是负值，表示从结尾开始倒数计算的位置，即该负值加上字符串长度。
• 如果第一个参数大于第二个参数，slice返回一个空字符串。

'JavaScript'.slice(0,4) // "Java"
'JavaScript'.slice(0,40) // "JavaScript"
'JavaScript'.slice(4) // "Script"
'JavaScript'.slice(-6) // "Script"
'JavaScript'.slice(0,-6) // "Java"
'JavaScript'.slice(-2,-1) // "p"
'JavaScript'.slice(2,1) // ""

4.5 String.prototype.substring()

substring方法用于从原字符串取出子字符串并返回，不改变原字符串，跟slice方法很相像。
第一个参数是子字符串的开始位置，第二个位置表示结束位置（返回结果不含该位置）。

• 如果省略第二个参数或者第二个参数大于等于length，则表示子字符串一直到原字符串的结束。
• 如果第一个参数大于第二个参数，substring方法会自动更换两个参数的位置。
• 如果参数是负数，substring方法自动将负数转为0。
  由于这些规则违反直觉，因此不建议使用substring方法，应该优先使用slice。

'happyEveryday'.substring(0,5) // "happy"

'happyEveryday'.substring(5)// "Everyday'
'happyEveryday'.substring(5,50)// "Everyday"

'happyEveryday'.substring(5,13)// "Everyday"
'happyEveryday'.substring(13,5)// "Everyday"

'happyEveryday'.substring(-1)// "happyEveryday"
'happyEveryday'.substring(5,-1) //"happy"

4.6 String.prototype.substr()

substr方法用于从原字符串取出子字符串并返回，不改变原字符串，跟slice和substring方法的作用相同。

substr方法的第一个参数是子字符串的开始位置（从0开始计算），第二个参数是子字符串的长度。

• 如果省略第二个参数或第二个参数大于等于“length-第一个参数”，则表示子字符串一直到原字符串的结束。
• 如果第一个参数是负数，则表示倒数计算的字符位置。如果第二个参数是负数，将自动被转为0，返回空字符串。

'fightingWinner'.substr(8,6)// "Winner"

'fightingWinner'.substr(8,20)// "Winner"
'fightingWinner'.substr(8)// "Winner"

'fightingWinner'.substr(-6)// "Winner"
'fightingWinner'.substr(8,-3)// ""

4.7 String.prototype.indexOf(),String.prototype.lastIndexOf()

indexOf方法用于确定一个字符串在另一个字符串中第一次出现的位置（下标从0开始），返回结果是匹配开始的位置。如果返回-1，就表示不匹配。

• indexOf方法还可以接受第二个参数，表示从该位置开始向后匹配，返回的位置仍是该字符串在原数组中的下标（下标依然从0开始）。

'HiBaby'.indexOf('a') // 3

 var g = 'Girl';
'HiGirl'.indexOf(g)// 2

lastIndexOf方法的用法跟indexOf方法一致，主要的区别是lastIndexOf从尾部开始匹配，indexOf则是从头部开始匹配。但返回的仍是子字符串在原字符串中的下标（从0开始）。

• lastIndexOf的第二个参数表示从该位置起向前匹配（包括该位置）。

'helloKitty'.lastIndexOf('t')// 8
'helloKitty'.lastIndexOf('t',7)// 7

4.8 String.prototype.trim()

trim方法用于去除字符串两端的空格、制表符（\t、\v）、换行符（\n）和回车符（\r），返回一个新字符串，不改变原字符串。

' Hi Siri  '.trim() //"Hi Siri"
'\r\n hello \t\v'.trim() // "hello"

4.9 String.prototype.toLowerCase(),

string.prototype.toUpperCase()

toLowerCase方法用于将一个字符串全部转为小写，toUpperCase则是全部转为大写。它们都返回一个新字符串，不改变原字符串。

'Hello Kitty'.toLowerCase()// "hello kitty"
'Hello Kitty'.toUpperCase()// "HELLO KITTY"

4.10 String.prototype.match()

match方法用于确定原字符串是否匹配某个子字符串，返回一个数组，成员为匹配的第一个字符串。如果没有找到匹配，则返回null。

返回的数组还有index属性和input属性，分别表示匹配字符串开始的位置和原始字符串。

'Hello World, Hello Siri'.match('lo') 
// ["lo", index: 3, input: "Hello World, Hello Siri", groups: undefined]
'Hello World, Hello Siri'.match('bye')  // null

4.11 String.prototype.search()，String.prototype.replace()

search方法的用法基本等同于match，但是返回值为匹配的第一个位置。如果没有找到匹配，则返回-1。
replace方法用于替换匹配的子字符串，一般情况下只替换第一个匹配（除非使用带有g修饰符的正则表达式）。

'Hello World, Hello Siri'.search('Wo') // 6
'Hello World, Hello Siri'.replace('Hello', 'Hi') // 'Hi World, Hello Siri'

4.12 String.prototype.split()

split方法按照给定规则分割字符串，返回一个由分割出来的子字符串组成的数组。

• 如果分割规则为空字符串，则返回数组的成员是原字符串的每一个字符。
• 如果省略参数，则返回数组的唯一成员就是原字符串。
• 如果满足分割规则的两个部分紧邻着（即两个分割符中间没有其他字符），则返回数组之中会有一个空字符串。
• 如果满足分割规则的部分处于字符串的开头或结尾（即它的前面或后面没有其他字符），则返回数组的第一个或最后一个成员是一个空字符串。
• split方法还可以接受第二个参数，限定返回数组的最大成员数。split方法的第二个参数，决定了返回数组的成员

'a|b|c'.split('|') // ["a", "b", "c"]
'a|b|c'.split('') // ["a", "|", "b", "|", "c"]
'a|b|c'.split() // ["a|b|c"]
'a||c'.split('|') // ['a', '', 'c']
'|b|c'.split('|') // ["", "b", "c"]
'a|b|'.split('|') // ["a", "b", ""]
'a|b|c'.split('|', 0) // []
'a|b|c'.split('|', 1) // ["a"]
'a|b|c'.split('|', 2) // ["a", "b"]
'a|b|c'.split('|', 3) // ["a", "b", "c"]
'a|b|c'.split('|', 4) // ["a", "b", "c"]

4.13 String.prototype.localeCompare()

localeCompare方法用于比较两个字符串。它返回一个整数，如果小于0，表示第一个字符串小于第二个字符串；如果等于0，表示两者相等；如果大于0，表示第一个字符串大于第二个字符串。
【注】 正常情况下，JavaScript采用Unicode码点比较，大写的英文字母小于小写字母。但是，localeCompare方法会考虑自然语言的排序情况，将B排在a的前面。

'B' > 'a' // false
'B'.localeCompare('a') // 1