[javascript] 문자열

👋 들어가기전

• javascript 전반적인 지식을 다음 페이지에 모아두고 있습니다. 필요시 확인하세요~

2022.08.24 - [javascripts/javascripts(typescript + ES6)] - [javascript] 다수의 링크

[javascript] 다수의 링크

 

🚨 급한사람!!  이거만 보세요

• 문자열: 자바스크립트의 문자열을 작은 따옴표('') 또는 큰 따옴표("")를 통해 할당할 수 있다.
• 문자열 속성

"inan".length; //4

let text = "Hello World";
text.length; // 11

# 문자열이 처음 지정된 인덱스 반환
text.indexOf('world'); // 6

# 대문자, 소문자로 치환
text.toLowerCase(); // hello world
text.toUpperCase(); // HELLO WORLD

# 문자열이 다음과 같이 시작하는지 확인
text.startsWith('hello'); // true
text.startsWith('llo', 2); // true, 문자열 2개를 건너뛰고 시작함

# 문자열이 다음과 같이 끝나는지 확인
text.endsWith('world'); //  true

# 문자열이 다음값을 포함하는지 확인
text.includes('world') // true

# 문자열을 반복함
'inan'.repeat(3) // inaninaninan

• 문자열 인덱스 접근
  • text[0]; // H
  • 2022년 부터 at 함수를 동해 음수 인덱스도 읽을 수 있음

const test = 'inan';
test.at(0); // i
test.at(-1); // n

• 문자열 substrings
  • 문자열의 일부분만 필요할 때 사용, start ~ end-1 까지 문자열을 가져옴

const test = 'inan';

test.substring(1); // nan
test.substring(0,3); // ina

• 문자열 더하기

"hi" + " inan" // hi inan

• 문자열 템플릿
  
  • 문자열 템플릿은 여러칸을 이용하여 문자열을 할당할 수 있고
  • ${변수}를 이용한 문법도 제공한다.

let text = `This is a multiline
string that
just works!`

let name = 'inan';
let greeting = `my name is ${inan}`;

• 문자열 number로 치환
  • parseInt('string', radix), radix는 10진법, 2진법 등을 넣는다.
  • string안에 있는 0~9를 제외한 숫자는 모두 사라진다.

let message = 'inan2';
parseInt(message, 10); // 2

let message = '101';
parseInt(message, 10); // 101