배열에는 배열의 내용을 ,로 구분해서 문자열로 만들어 주는 toString()이 만들어져 있습니다.
배열을 출력하면 toString()이 자동으로 호출된니다.
|
let ar = ["밤","배","감","사과","대추"];
// 배열에는 배열의 내용을 ,로 구분해서 문자열로 만들어 주는 toString()이 만들어져 있다.
document.write(`${ar.toString()}<br>`); // 밤,배,감,사과,대추
let str = ar.toString();
document.write(`${str}<br>`); // 밤,배,감,사과,대추
// 배열을 출력하면 toString()이 호출된다.
document.write(`${ar}<br>`); // 밤,배,감,사과,대추
|
Array.join(구분자)
배열의 모든 요소를 인자로 주어진 구분자로 연결한 문자열을 반환합니다. 기본 구분자는 콤마(,) 입니다.
|
document.write(`${ar.join()}<br>`); // 밤,배,감,사과,대추
document.write(`${ar.join('~')}<br>`); // 밤~배~감~사과~대추
str = ar.join(' ==> ');
document.write(`${str}<br>`); // 밤 ==> 배 ==> 감 ==> 사과 ==> 대추
|
ex05.html 파일을 다음과 같이 만듭니다.
|
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
|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>javascript Array</title>
<script>
let ar = ["밤","배","감","사과","대추"];
// 배열에는 배열의 내용을 ,로 구분해서 문자열로 만들어 주는 toString()이 만들어져 있다.
document.write(`${ar.toString()}<br>`);
let str = ar.toString();
document.write(`${str}<br>`);
// 배열을 출력하면 toString()이 호출된다.
document.write(`${ar}<br>`);
// Array.join(구분자) : 배열의 모든 요소를 인자로 주어진 구분자로 연결한 문자열을 반환합니다. 기본 구분자는 콤마(,) 입니다.
document.write(`${ar.join()}<br>`);
document.write(`${ar.join('~')}<br>`);
str = ar.join(' ==> ');
document.write(`${str}<br>`);
</script>
</head>
<body>
</body>
</html>
|
cs |
실행 결과 입니다.
'Front End > Javascript' 카테고리의 다른 글
| [JavaScript] 배열 indexOf(), lastIndexOf(), find(), findIndex() (0) | 2024.10.23 |
|---|---|
| [JavaScript] 배열 concat(), fill(), copyWithin(), Array.isArray() (0) | 2024.10.23 |
| [JavaScript] 배열 unshift(), shift(), push(), pop() (1) | 2024.10.23 |
| [JavaScript] 배열 요소의 반복(for, for ~ in, for ~ of, forEach) (0) | 2024.10.23 |
| [JavaScript] 배열 요소의 추가/수정/삭제 하기 (2) | 2024.10.23 |
