티스토리 뷰
[JavaScript] String(긴 문자열 리터럴, 문자에 접근하는 법, 문자열로 변환하는 법)
blueprint-12 2022. 4. 14. 21:13🍕String ?
String 전역 객체는 문자열(문자의 나열)의 생성자이다.
문자열은 String 전역 객체를 직접 사용하여 생성할 수 있다.
String(thing) // 매개변수 *thing: 문자열로 변환할 아무 값
ECMAScript 2015 이후(ES6), 문자열 리터럴은 소위 템플릿 리터럴(백틱을 통해 표현)이 될 수 있음
일부 다른 프로그래밍 언어와 달리, JS는 작은 따옴표 큰 따옴표 문자열을 구분하지 않음
🌞긴 문자열 리터럴
-작성한 코드가 매우 긴 문자열을 포함해야 하는 경우, 편집기의 재량에 따라 자동으로 줄을 넘기는 대신 직접 여러줄로 나누되 내용에는 영향을 주지 않을 수 방법
- + 연산자 사용 -> 단순하게 "내용" + "내용" + "내용" 이렇게 더해주는 것
- \(역슬래시) 사용 ->역슬래시를 각 줄의 맨 끝에 붙여서 문자열이 이어짐을 표시할 수 있음 주의할 점이 있다면 \역슬래시 다음에 공백을 포함한 어떤 문자라도 붙으면 제대로 작동하지 않음
let longString = "여러 줄에 걸쳐 작성해야 할 정도로 \
긴 문자열인데 왜 한 줄에 다 적으면 안되냐면 \
코드를 읽기 힘들어지니까요.";
console.log(longString);
//'여러 줄에 걸쳐 작성해야 할 정도로 긴 문자열인데 왜 한 줄에 다 적으면 안되냐면 코드를 읽기 힘들어지니까요.'
🌞문자 접근
문자열에서 각각의 문자에 접근할 수 있는 방법은 2가지가 있습니다.
1. charAt() 메서드 사용
return 'cat'.charAt(1); // returns "a"
2. ECMAScript5에서 소개하고 있는 다른 방법은 문자열을 배열과 같은 obj로 취급하여 문자에 해당하는 숫자 인덱스를 사용하는 방법
return 'cat'[1]; // returns "a"
-> 브라켓([ ])표기법을 사용하여 문자에 접근하는 경우, 프로퍼티들에 새로운 값을 할당하거나 삭제할 수 없음
Read-only라는 소리
🌞문자열 변환
- String() 메서드 사용하기
- obj.toString() 메서드 사용하기
일반적으로 toString() 함수를 많이 사용하지만, toString() 의 '안전한' 대안으로 String을 사용할 수 있음
-> String은 null 과 undefined에 대해서도 잘 작동한다.
const num = 1080;
console.log(typeof num); //number
const numString = String(num);
console.log(typeof numString); // string
▶Object.prototype.toString()
-null 과 undefined를 제외한 모든 타입의 값이 가지고 있는 toString() 메서드를 사용
리턴값: 객체의 문자열 표현을 반환
let number = 1080;
number.toString()
number.toString(8) // 8진수 문자열로 변환
number.toString(10) //10진수 문자열로 변환
number.toString(16) //16진수 문자열로 변환
매개변수:
(optional) 기수(radix)를 매개변수로 취합니다.
기본적으로 toString() 은 10진법이 default 값입니다. 기수를 이용함으로써 10진수를 다른 진수로 변환할 수 있습니다.
all ref: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String
'Frontend > JavaScript' 카테고리의 다른 글
[JavaScript] 논리 연산자 심화 (0) | 2022.04.15 |
---|---|
[JavaScript | ES6 ] 루프와 반복 ( for ...in 문, for...of문 차이점) (0) | 2022.04.15 |
[JavaScript] 프로미스 개념, 활용 JavaScript Promise (0) | 2022.04.11 |
[JavaScript] 콜스택과 메모리힙 구조, 참조원리 (0) | 2022.04.09 |
[JavaScript | 드림코딩] JSON 개념과 활용방법 및 사이트 (0) | 2022.04.08 |
- Total
- Today
- Yesterday
- 부트캠프항해
- 원티드 FE 프리온보딩 챌린지
- Prittier
- reactAPI
- nvm경로 오류
- 프리온보딩 프론트엔드 챌린지 3월
- grid flex
- 항해99프론트후기
- 항해99프론트
- 형제 요소 선택자
- getServerSideProps
- && 셸 명령어
- aspect-ratio
- 타입스크립트 장점
- nvm 설치순서
- 항해99추천비추천
- fs모듈 넥스트
- getStaticPaths
- float 레이아웃
- 원티드 프리온보딩 프론트엔드 챌린지 3일차
- 틸드와 캐럿
- 프리렌더링확인법
- tilde caret
- 원티드 프리온보딩 FE 챌린지
- text input pattern
- ~ ^
- 타입스크립트 DT
- D 플래그
- is()
- 원티드 3월 프론트엔드 챌린지
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |