반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- 자바스크립트
- js
- 이탈리아
- input
- 이클립스
- windows
- json
- Maven
- CMD
- 배열
- 테이블
- CSS
- html
- Files
- table
- IntelliJ
- ArrayList
- date
- Array
- 자바
- 인텔리제이
- 문자열
- string
- list
- Java
- javascript
- Visual Studio Code
- vscode
- Button
- Eclipse
Archives
- Today
- Total
어제 오늘 내일
[Javascript] 배열을 문자열로 변환하기 본문
- join() 함수 사용하기
- toString() 함수 사용하기
1. join() 함수 사용하기
arr.join(separator)
join() 함수는 배열의 모든 값들을 연결한 문자열을 리턴합니다.
이때 각각의 값들 사이에는 파라미터로 입력된 구분자(separator)가 들어가게 됩니다.
만약, separator를 입력하지 않은 경우, default로 ','가 들어갑니다.
const arr = ['Apple', 'Banana', 'Orange'];
// "Apple,Banana,Orange"
const str1 = arr.join();
// "Apple-Banana-Orange"
const str2 = arr.join('-');
// "AppleBananaOrange"
const str3 = arr.join('');
document.write('str1 : ' + str1 + '<br>');
document.write('str2 : ' + str2 + '<br>');
document.write('str3 : ' + str3 + '<br>');
const str1 = arr.join();
파라미터로 값이 아무것도 전달되지 않으면,
배열의 각 값들은 ','를 구분자로 하여 연결됩니다.
const str2 = arr.join('-');
파라미터로 '-'가 전달되었기 때문에,
'-'로 연결된 문자열이 리턴되었습니다.
const str3 = arr.join('');
파라미터로 비어있는 문자열이 전달되었고,
배열의 각 값들을 구분자 없이 연결한 문자열이 리턴되었습니다.
2. toString() 함수 사용하기
배열의 toString() 함수는 배열을 표현하는 문자열을 리턴합니다.
const arr = ['Apple', 'Banana', 'Orange'];
document.write('arr.toString() : ' + arr.toString() + '<br>');
document.write('arr : ' + arr + '<br>');
arr.toString()
배열의 toString() 함수는 배열의 값들을 ','로 연결한 문자열을 리턴합니다.
arr
배열을 출력할 경우 자동으로 toString() 함수가 불려지고,
toString()을 호출했을 때와 같은 결과가 출력됩니다.
배열을 문자열로 변환하는 방법을 알아보았습니다.
반응형
'IT > Javascript' 카테고리의 다른 글
[Javascript] 문자열 거꾸로 뒤집기 (0) | 2020.11.30 |
---|---|
[Javascript] 배열 거꾸로 뒤집는 3가지 방법 (0) | 2020.11.30 |
[Javascript] 반올림(round), 올림(ceil), 내림(floor) - 소수점, 음수,자리수 지정 (1) | 2020.11.29 |
[Javascript] 마우스 오른쪽 클릭 금지하는 2가지 방법 (1) | 2020.11.29 |
[Javascript] 테이블 합계 계산하기 (0) | 2020.11.29 |
Comments