首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

String

String 全局对象是一个用于字符串或一个字符序列的构造函数。

语法

字符串字面量采取以下形式:

代码语言:javascript
复制
'string text'
"string text"
"中文 español deutsch English हिन्दी العربية português বাংলা русский 日本語 ਪੰਜਾਬੀ 한국어 தமிழ் עברית"

你也能使用 String函数将其他值生成或转换成字符串:

代码语言:javascript
复制
String(thing)

参数

thing任何可以被转换成字符串的值。

模板字面量

从 ECMAScript 2015 开始,字符串字面量也可以称为模板字面量

代码语言:javascript
复制
`hello world`
`hello!
 world!`
`hello ${who}`
escape `<a>${who}</a>`

转义字符

除了普通的可打印字符以外,一些特殊有特殊功能的字符可以通过转义字符的形式放入字符串中:

Code

Output

\0

the NULL character

\'

single quote

\"

double quote

\

backslash

\n

new line

\r

carriage return

\v

vertical tab

\t

tab

\b

backspace

\f

form feed

\uXXXX

unicode codepoint

\u{X} ... \u{XXXXXX}

unicode codepoint

\xXX

the Latin-1 character

和其他语言不同,javascript 的字符串不区分单引号和双引号,所以不论是单引号还是双引号的字符串,上面的转义字符都能运行 。

长字符串

有时,你的代码可能含有很长的字符串。你可能想将这样的字符串写成多行,而不是让这一行无限延长或着被编辑器折叠。有两种方法可以做到这一点。

其一,可以使用 + 运算符将多个字符串连接起来,如下所示:

代码语言:javascript
复制
let longString = "This is a very long string which needs " +
                 "to wrap across multiple lines because " +
                 "otherwise my code is unreadable.";

其二,可以在每行末尾使用反斜杠字符(“\”),以指示字符串将在下一行继续。确保反斜杠后面没有空格或任何除换行符之外的字符或缩进; 否则反斜杠将不会工作。 如下所示:

代码语言:javascript
复制
let longString = "This is a very long string which needs \
to wrap across multiple lines because \
otherwise my code is unreadable.";

使用这两种方式会创建相同的字符串。

描述

字符串对于保存可以以文本形式表示的数据非常有用。 一些常用的字符串操作有:查询字符串长度,使用+ 和 +=运算符来构建和连接字符串,使用 indexOf 方法检查某一子字符串在父字符串中的位置,又或是使用 substring 方法提取从父字符串中提取子字符串。

从字符串中获取单个字符

获取字符串的某个字符有两种方法。 第一种是使用charAt方法:

代码语言:javascript
复制
return 'cat'.charAt(1); // returns "a"

另一种 (在ECMAScript 5中有所介绍) 是把字符串当作一个类似数组的对象,其中的每个字符对应一个数值索引:

代码语言:javascript
复制
return 'cat'[1]; // returns "a"

使用括号访问字符串不可以对其进行删除或添加,因为字符串对应未知的属性并不是可读或配置的。 (更多的信息请参阅 Object.defineProperty。 )

字符串比较

熟练使用 C 语言的开发者经常使用 strcmp 函数来比较字符串,但在 JavaScript 中,你只需要使用比较操作符(>/</>=/<=)

代码语言:javascript
复制
var a = 'a';
var b = 'b';
if (a < b) { // true
  console.log(a + ' is less than ' + b);
} else if (a > b) {
  console.log(a + ' is greater than ' + b);
} else {
  console.log(a + ' and ' + b + ' are equal.');
}

使用从字符串实例继承而来的 localeCompare方法也能达到同样的效果。 

基本字符串和字符串对象的区别

请注意区分 JavaScript 字符串对象和基本字符串值 . ( 对于BooleanNumbers也同样如此.)

字符串字面量 (通过单引号或双引号定义) 和 直接调用 String 方法(没有通过 new 生成字符串对象实例)的字符串都是基本字符串。JavaScript会自动将基本字符串转换为字符串对象,只有将基本字符串转化为字符串对象之后才可以使用字符串对象的方法。当基本字符串需要调用一个字符串对象才有的方法或者查询值的时候(基本字符串是没有这些方法的),JavaScript 会自动将基本字符串转化为字符串对象并且调用相应的方法或者执行查询。

代码语言:javascript
复制
var s_prim = 'foo';
var s_obj = new String(s_prim);

console.log(typeof s_prim); // Logs "string"
console.log(typeof s_obj);  // Logs "object"

当使用 eval时,基本字符串和字符串对象也会产生不同的结果。eval 会将基本字符串作为源代码处理; 而字符串对象则被看作对象处理, 返回对象。 例如:

代码语言:javascript
复制
var s1 = '2 + 2';             // creates a string primitive
var s2 = new String('2 + 2'); // creates a String object
console.log(eval(s1));        // returns the number 4
console.log(eval(s2));        // returns the string "2 + 2"

由于上述原因, 当一段代码在需要使用基本字符串的时候却使用了字符串对象就会导致执行失败(虽然一般情况下程序员们并不需要考虑这样的问题)。

利用valueOf方法,我们可以将字符串对象转换为其对应的基本字符串。

代码语言:javascript
复制
console.log(eval(s2.valueOf())); // returns the number 4

注意: 其他的将字符串对象转换成基本字符串的方法可以及参考 StringView– a C-like representation of strings based on typed arrays.

属性

String.prototype可以为 String 对象增加新的属性。

Methods

String.fromCharCode()通过一串 Unicode 创建字符串。

String.fromCodePoint()通过一串 码点 创建字符串。

String.raw() 通过模板字符串创建字符串。

String泛型方法

字符串泛型是非标准的已弃用并且会在不远的将来删除

应该避免在 Javascript 1.6 (Firefox 浏览器的 JS 引擎)中使用(虽然也支持)将其他对象转化为字符的方法,因为方法并没有成为 ECMA 标准:

代码语言:javascript
复制
var num = 15;
console.log(String.replace(num, /5/, '2'));

Generics在 Javascript 1.6 中同样支持Array

String 实例

属性

String.prototype.constructor用于创造对象的原型对象的特定的函数。

String.prototype.length返回了字符串的长度。

N用于访问第N个位置的字符,其中N是小于 length和 0之间的正整数。这些属性都是“只读”性质,不能编辑。

方法

跟HTML无关的方法

String.prototype.charAt()返回特定位置的字符。

String.prototype.charCodeAt()返回表示给定索引的字符的Unicode的值。

String.prototype.codePointAt()返回使用UTF-16编码的给定位置的值的非负整数。

String.prototype.concat()连接两个字符串文本,并返回一个新的字符串。

String.prototype.includes()判断一个字符串里是否包含其他字符串。

String.prototype.endsWith()判断一个字符串的结尾是否包含其他字符串中的字符。

String.prototype.indexOf()从字符串对象中返回首个被发现的给定值的索引值,如果没有找到则返回-1。

String.prototype.lastIndexOf()从字符串对象中返回最后一个被发现的给定值的索引值,如果没有找到则返回-1。

String.prototype.localeCompare()返回一个数字表示是否引用字符串在排序中位于比较字符串的前面,后面,或者二者相同。

String.prototype.match()使用正则表达式与字符串相比较。

String.prototype.normalize()返回调用字符串值的Unicode标准化形式。

String.prototype.padEnd()在当前字符串尾部填充指定的字符串, 直到达到指定的长度。 返回一个新的字符串。

String.prototype.padStart()

在当前字符串头部填充指定的字符串, 直到达到指定的长度。 返回一个新的字符串。

String.prototype.quote()设置嵌入引用的引号类型。

String.prototype.repeat()返回指定重复次数的由元素组成的字符串对象。

String.prototype.replace()被用来在正则表达式和字符串直接比较,然后用新的子串来替换被匹配的子串。

String.prototype.search()对正则表达式和指定字符串进行匹配搜索,返回第一个出现的匹配项的下标。

String.prototype.slice()摘取一个字符串区域,返回一个新的字符串。

String.prototype.split()通过分离字符串成字串,将字符串对象分割成字符串数组。String.prototype.startsWith()判断字符串的起始位置是否匹配其他字符串中的字符。

String.prototype.substr()通过指定字符数返回在指定位置开始的字符串中的字符。String.prototype.substring()返回在字符串中指定两个下标之间的字符。

String.prototype.toLocaleLowerCase()根据当前区域设置,将符串中的字符转换成小写。对于大多数语言来说,toLowerCase的返回值是一致的。

String.prototype.toLocaleUpperCase()根据当前区域设置,将字符串中的字符转换成大写,对于大多数语言来说,toUpperCase的返回值是一致的。

String.prototype.toLowerCase()将字符串转换成小写并返回。

String.prototype.toSource()返回一个对象文字代表着特定的对象。你可以使用这个返回值来创建新的对象。重写Object.prototype.toSource方法。

String.prototype.toString()返回用字符串表示的特定对象。重写Object.prototype.toString方法。

String.prototype.toUpperCase()将字符串转换成大写并返回。

String.prototype.trim()从字符串的开始和结尾去除空格。参照部分 ECMAScript 5 标准。

String.prototype.trimLeft()从字符串的左侧去除空格。

String.prototype.trimRight()从字符串的右侧去除空格。

String.prototype.valueOf()返回特定对象的原始值。重写Object.prototype.valueOf方法。

String.prototype[@@iterator]()返回一个新的迭代器对象,该对象遍历字符串值的索引位置,将每个索引值作为字符串值返回。

HTML包装方法

这些方法的用途有限,因为它们仅提供可用HTML标签和属性的子集。

示例

字符串转换

使用 String() 方法将其它对象转化为字符串可以被认为是一种更加安全的做法,虽然该方法底层使用的也是 toString() 方法,但是针对 null/undefined/symbols,String() 方法会有特殊的处理:

代码语言:javascript
复制
var outputStrings = [];
for (var i = 0, n = inputValues.length; i < n; ++i) {
  outputStrings.push(String(inputValues[i]));
}

规范

Specification

Status

Comment

ECMAScript 1st Edition (ECMA-262)

Standard

Initial definition.

ECMAScript 5.1 (ECMA-262)The definition of 'String' in that specification.

Standard

ECMAScript 2015 (6th Edition, ECMA-262)The definition of 'String' in that specification.

Standard

ECMAScript Latest Draft (ECMA-262)The definition of 'String' in that specification.

Living Standard

浏览器兼容性

Feature

Chrome

Edge

Firefox

Internet Explorer

Opera

Safari

Basic Support

(Yes)

(Yes)

(Yes)

(Yes)

(Yes)

(Yes)

Unicode code point escapes \u{xxxxxx}

(Yes)

?

40

?

(Yes)

(Yes)

Feature

Android

Chrome for Android

Edge mobile

Firefox for Android

IE mobile

Opera Android

iOS Safari

Basic Support

(Yes)

(Yes)

(Yes)

(Yes)

(Yes)

(Yes)

(Yes)

Unicode code point escapes \u{xxxxxx}

(Yes)

(Yes)

?

(Yes)

?

(Yes)

(Yes)

扫码关注腾讯云开发者

领取腾讯云代金券