객체 지향 JavaScript — 문자열

https://www.amazon.com/John-Au-Yeung/e/B08FT5NT62에서 Amazon에서 내 책을 확인하십시오.

지금 http://jauyeung.net/subscribe/에서 내 이메일 목록을 구독하십시오.

JavaScript는 부분적으로 객체 지향 언어입니다.

JavaScript를 배우려면 JavaScript의 객체 지향 부분을 배워야 합니다.

이 기사에서는 객체의 구성 요소 중 하나인 문자열을 살펴보겠습니다.

문자열

문자열은 텍스트를 나타내는 일련의 문자입니다.

작은따옴표, 큰따옴표 또는 역따옴표 사이에 있는 모든 값은 문자열입니다.

우리가 가지고있는 경우 :

let s = "foo";
typeof s;

그런 다음 typeof s는 'string'를 반환합니다.

따옴표 사이에 아무것도 넣지 않아도 여전히 문자열입니다.
+ 연산자는 2개의 문자열을 연결하는 데 사용됩니다.

우리가 가지고있는 경우 :

let s1 = "web";
let s2 = "site";
let s = s1 + s2;

그러면 우리s는 'website'  .

그리고 typeof s는 'string'  .

이것은 시스템 오류의 원인입니다.

오류를 방지하려면 연산자가 문자열인지 확인해야 합니다.

이렇게 하면 실수로 아무것도 추가하지 않습니다.

문자열 변환

숫자 문자열이 발견되면 문자열은 장면 뒤에서 숫자로 변환됩니다.

예를 들어 다음이 있는 경우:

let s = '1';
s = 2* s;

그런 다음 typeof s는 'number'를 반환합니다.

우리가 가지고있는 경우 :

let s = '1';
s++;

그런 다음 s++는 s를 'number'로 변환합니다.

y 1 을 곱하거나 parseInt 를 사용하여 숫자 문자열을 숫자로 변환할 수 있습니다.

예를 들어 다음과 같이 작성할 수 있습니다.

let s = "100";
s = s * 1;

이제 s는 문자열입니다.

변환에 실패하면 NaN  가 표시됩니다.

특별한 의미를 지닌 문자열이 많이 있습니다.

``는 이스케이프 문자입니다.

우리는 그것을 사용하여 ` , ' and "`를 이스케이프하여 그들이 th 문자열에 있을 수 있도록 할 수 있습니다.

예를 들어 다음과 같이 작성할 수 있습니다.

const s = "12";

s는 1 2 입니다.
n는 줄 끝 문자입니다.

우리가 가지고있는 경우 :

let s = ‘n1n2n3n’;

우리는 다음을 얻습니다.

"
1
2
3
"

r는 캐리지 리턴 문자입니다.

우리가 가지고있는 경우 :

let s = '1r2'

우리는 다음을 얻습니다.

“1
2”

t는 탭 문자입니다. 우리가 가지고있는 경우 :

let s = "1t2";

우리는 다음을 얻습니다.

"1 2"

u는 유니코드를 사용할 수 있게 해주는 문자 코드입니다.

예를 들어 다음과 같이 작성할 수 있습니다.

let s = 'eu0301'

s는

'é'

문자열 템플릿 리터럴

ES6은 템플릿 리터럴을 도입했습니다.

일반 문자열 내에 표현식을 포함할 수 있습니다.

ES6에는 템플릿 리터럴과 태그가 있는 리터럴이 있습니다.

템플릿 리터럴은 표현식이 포함된 단일 또는 여러 줄 문자열입니다.

예를 들어 다음과 같이 작성할 수 있습니다.

const level = "debug";
const message = "meltdown";
console.log(`level: ${level} - message: ${message}`)

템플릿 리터럴에 level 및 message 변수가 포함되어 있습니다.

그래서 우리는 다음을 얻습니다.

'level: debug - message: meltdown'

기록.

템플릿 리터럴은 따옴표 대신 백틱 문자로 둘러싸여 있습니다.

그것들은 단일 문자열로 연결됩니다.

int eh ${}  .

예를 들어 다음과 같이 작성할 수 있습니다.

const a = 10;
const b = 10;

function sum(x, y) {
  return x + y
}

function multiply(x, y) {
  return x * y
}
console.log(`sum is ${sum(a, b)} and product is ${multiply(a, b)}.`);

함수 호출의 결과를 템플릿 리터럴에 포함합니다.

그리고 우리는 다음을 얻습니다.

'sum is 20 and product is 100.'

돌아왔다.

결론

문자열은 일련의 문자입니다.

표현식을 포함할 수 있는 문자열과 템플릿 리터럴을 생성할 수 있습니다.