자바스크립트 문자열

JavaScript 문자열

JavaScript 문자열은 '' 또는 ""로 둘러싸인 문자로 표시됩니다.

' 자체도 문자인 경우 ""로 묶을 수 있습니다. 예를 들어 "I'm OK"에는 I, ', m, 공백, O, K의 6개 문자가 포함됩니다.

문자열에 '와 "가 모두 포함되어 있으면 어떻게 되나요? 이스케이프 문자로 식별할 수 있습니다. 예를 들어

'I\'m \"OK\"!';

는 문자열 내용이 다음과 같다는 의미입니다. I'm "OK"!

이스케이프 문자는 n이 줄 바꿈을 나타내고, t가 탭 문자를 나타내는 등 많은 문자를 이스케이프할 수 있으며 문자 자체는 이스케이프되어야 하므로 \로 표시되는 문자는

으로 나타낼 수 있습니다. ASCII 문자 🎜>

형식의 16진수 표현 n에 여러 줄 문자열을 작성하는 것이 더 번거롭기 때문에 최신 ES6 표준에서는 `.. .`:

'\x41'; // 完全等同于 'A'

연습: 브라우저가 ES6 표준을 지원하는지 테스트하세요. 지원하지 않는 경우 n:

//으로 여러 줄 문자열을 다시 표현하세요. 브라우저가 ES6를 지원하지 않으면 SyntaxError가 보고됩니다:

'\u4e2d\u6587'; // 完全等同于 '中文'

템플릿 문자열

여러 문자열을 연결하려면 + 기호를 사용하여 연결할 수 있습니다.

`这是一个
多行
字符串`;

필요한 변수가 많은 경우 + 기호를 사용하여 연결하는 것이 더 번거롭습니다. ES6에서는 위의 여러 줄 문자열과 같은 방식으로 표현되는 새로운 템플릿 문자열을 추가하지만 문자열의 변수를 자동으로 대체합니다:

alert(`多行
字符串
测试`);

연습: 브라우저가 ES6 템플릿 문자열을 지원하는지 테스트하세요. 그렇지 않은 경우 템플릿 문자열을 + 연결된 일반 문자열로 변경하세요:

// 브라우저가 템플릿 문자열을 지원하면 문자열 내부의 변수가 대체됩니다.

var name = '小明';
var age = 20;
var message = '你好, ' + name + ', 你今年' + age + '岁了!';
alert(message);

작업 문자열

문자열에 대한 일반적인 작업은 다음과 같습니다. 🎜>

var name = '小明';
var age = 20;
var message = `你好, ${name}, 你今年${age}岁了!`;
alert(message);

특정 문자열을 얻으려면 지정된 위치의 문자는 배열과 같은 첨자 연산을 사용합니다. 인덱스 번호는 0부터 시작합니다.

var name = '小明';
var age = 20;
alert(`你好, ${name}, 你今年${age}岁了!`);

문자열은 변경할 수 없습니다. 값이 문자열의 특정 인덱스에 할당되면 변경되지 않습니다. 오류는 발생하지만 영향은 없습니다.

var s = 'Hello, world!';
s.length; // 13

JavaScript는 이러한 메서드를 호출하는 데 사용되는 몇 가지 일반적인 메서드를 제공합니다. 자체적으로는 원래 문자열의 내용을 변경하지 않지만 새 문자열을 반환합니다.

toUpperCase

toUpperCase()는 문자열을 모두 대문자로 변경합니다. 🎜>

var s = 'Hello, world!';
s[0]; // 'H'
s[6]; // ' '
s[7]; // 'w'
s[12]; // '!'
s[13]; // undefined 超出范围的索引不会报错，但一律返回undefined

toLowerCase

var s = 'Test';
s[0] = 'X';
alert(s); // s仍然为'Test'

indexOf

indexOf()는 지정된 문자열이 나타나는 위치를 검색합니다.

var s = 'Hello';
s.toUpperCase(); // 返回'HELLO'

substring

substring()

지정된 인덱스 범위의 하위 문자열을 반환합니다:

var s = 'Hello';
var lower = s.toLowerCase(); // 返回'hello'并赋值给变量lower
lower; // 'hello'