Notice
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- Timer
- localStorage
- stopwatch
- todolist
- calender
- 웹사이트
- darknode
- Typescript
- Calculator
- javascript
- html
- CSS
- React
- Project
- 브라우저
- mini_project
- DOM
Archives
- Today
- Total
이야기 정리
문자열, 숫자열을 배열로 반환하기 - split(), toString(), Number() 본문
1. 문자열을 배열로 반환하기
split()
- 문자열을 잘라 배열로 변환하는 메서드
- 숫자는 문자열로 변환한 뒤에 사용할 수 있다.
string.split()
string.split(separator)
string.split(separator, limit)
- separator : 끊어야할 부분을 나타내는 문자열(띄어쓰기, 반점 등등)
미 입력시 문자열 전체를 배열로 리턴한다. - limit : 최대 분할 수 / 몇개까지 분할할 것인가를 나타낸다.
리미트 이상의 값은 버린다.
사용예시
const string = 'FooBarBaz'
const a = string.split() // ['FooBarBaz']
const c = string.split(" ") // ['FooBarBaz']
const b = string.split("") // ['F', 'o', 'o', 'B', 'a', 'r', 'B', 'a', 'z']
const e = string.split("", 3) // ['F', 'o', 'o']
const string = 'Foo Bar Baz'
const b = string.split(" ") // ['Foo', 'Bar', 'Baz']
const c = string.split("") // ['F', 'o', 'o', ' ', 'B', 'a', 'r', ' ', 'B', 'a', 'z']
2. 숫자열을 배열로 반환하기
- slpit()을 문자가 아닌 숫자에 사용하기 위해서는 변환과정이 필요하다.
- 즉, 숫자를 문자로 변환 ⇒ split()으로 배열화 ⇒ 다시 숫자로 변환하는 3과정이 있다.
- 그 과정을 위해 toString(), Number() 두가지를 사용할 것이다.
toString()
- 숫자열을 문자열로 반환할 수 있다.
Number()
- 문자열을 숫자열로 반환할 수 있다.
사용방법
// 1. 숫자->문자로 변환
const number = 12345
const string = number.toString()
const string2 = String(number)
console.log(typeof number) // number
console.log(typeof string) // string
console.log(typeof string2) // string
// 2. 문자를 배열로 변환
const arr = string.split("") // ['1', '2', '3', '4', '5']
// 3. 배열을 숫자로 변환
const numberArr = arr.map(Number) // [1, 2, 3, 4, 5]
위 과정을 요약하자면 아래와 같다.
const number = 12345
const string = number.toString().split("").map(Number)
console.log(string) // [1, 2, 3, 4, 5]
'개발공부 > JavaScrit' 카테고리의 다른 글
자바스크립트의 This란? (0) | 2023.03.17 |
---|---|
무한반복하기 - while문, do while문 (0) | 2023.02.14 |
새로고침을 해도 유지되는 다크모드 - localStorage() (0) | 2023.02.01 |
간단하게 대/소문자로 바꾸기 - toUpperCase(), toLowerCase() (0) | 2023.01.13 |
특정 작업을 반복하는 메서드 - forEach(), map(), reduse() (1) | 2023.01.10 |
Comments