JavaScript 字符串

2022-10-06 08:27:11 浏览数 (1)

字符串

字符串就是零个或多个排在一起的字符,放在单引号或双引号之中。

代码语言:javascript复制
'abc'
"abc"

单引号字符串的内部,可以使用双引号。双引号字符串的内部,可以使用单引号。

代码语言:javascript复制
'key = "value"'
"It's a long journey"

如果要在单引号字符串的内部,使用单引号,就必须在内部的单引号前面加上反斜杠,用来转义。双引号字符串内部使用双引号,也是如此。

代码语言:javascript复制
'Did she say 'Hello'?'
// "Did she say 'Hello'?"

"Did she say "Hello"?"
// "Did she say "Hello"?"

字符串默认只能写在一行内,分成多行将会报错。

代码语言:javascript复制
'a
b
c'
// SyntaxError: Unexpected token ILLEGAL

上面代码将一个字符串分成三行,JavaScript 就会报错。

如果长字符串必须分成多行,可以在每一行的尾部使用反斜杠。

代码语言:javascript复制
var longString = 'Long 
long 
long 
string';

longString
// "Long long long string"

连接运算符( )可以连接多个单行字符串,将长字符串拆成多行书写,输出的时候也是单行。

代码语言:javascript复制
var longString = 'Long '
    'long '
    'long '
    'string';

转义

反斜杠()在字符串内有特殊含义,用来表示一些特殊字符,所以又称为转义符。

需要用反斜杠转义的特殊字符,主要有下面这些。

:null(u0000) b :后退键(u0008) f :换页符(u000C) n :换行符(u000A) r :回车键(u000D) t :制表符(u0009) v :垂直制表符(u000B) ' :单引号(u0027) " :双引号(u0022) :反斜杠(u005C)

代码语言:javascript复制
console.log('1n2')
// 1
// 2

length 属性

length属性返回字符串的长度,该属性也是无法改变的。

代码语言:javascript复制
var s = 'hello';
s.length // 5

s.length = 3;
s.length // 5

s.length = 7;
s.length // 5

上面代码表示字符串的length属性无法改变,但是不会报错。

Base64 转码

有时,文本里面包含一些不可打印的符号,比如 ASCII 码0到31的符号都无法打印出来,这时可以使用 Base64 编码,将它们转成可以打印的字符。另一个场景是,有时需要以文本格式传递二进制数据,那么也可以使用 Base64 编码。

所谓 Base64 就是一种编码方法,可以将任意值转成 0~9、A~Z、a-z、 和/这64个字符组成的可打印字符。使用它的主要目的,不是为了加密,而是为了不出现特殊字符,简化程序的处理。

JavaScript 原生提供两个 Base64 相关的方法。

btoa():任意值转为 Base64 编码 atob():Base64 编码转为原来的值

代码语言:javascript复制
var string = 'Hello World!';
btoa(string) // "SGVsbG8gV29ybGQh"
atob('SGVsbG8gV29ybGQh') // "Hello World!"

注意,这两个方法不适合非 ASCII 码的字符,会报错。

代码语言:javascript复制
btoa('你好') // 报错

要将非 ASCII 码字符转为 Base64 编码,必须中间插入一个转码环节,再使用这两个方法。

代码语言:javascript复制
function b64Encode(str) {
  return btoa(encodeURIComponent(str));
}

function b64Decode(str) {
  return decodeURIComponent(atob(str));
}

b64Encode('你好') // "JUU0JUJEJUEwJUU1JUE1JUJE"
b64Decode('JUU0JUJEJUEwJUU1JUE1JUJE') // "你好"

0 人点赞