본문 바로가기

Front End/Javascript

[JavaScript] 배열 concat(), fill(), copyWithin(), Array.isArray()

배열.concat()

두개 또는 그 이상의 배열을 연결한 배열을 반환합니다.

        let ar1 = ["밤","배","감"];
        let ar2 = ["사과","대추"];
        let ar3 = ["딸기","포도"];
        document.write(`${ar1.length}개 : ${ar1}<br>`);
        document.write(`${ar2.length}개 : ${ar2}<br>`);
        document.write(`${ar3.length}개 : ${ar3}<br><hr>`);
       
        // concat() : 두개 또는 그 이상의 배열을 연결한 배열을 반환합니다.
        let ar4 = ar1.concat(ar2, ar3);
        document.write(`${ar1.length}개 : ${ar1}<br>`); // 변하지 않는다.
        document.write(`${ar4.length}개 : ${ar4}<br>`);

Array.isArray()

인자로 주어진 객체가 배열이면 true를 반환합니다. 

        // isArray() : 인자로 주어진 객체가 배열이면 true를 반환합니다. Array.isArray(object);
        document.write(Array.isArray(ar1) + "<br>");

배열.copyWithin(n, m)

배열 내에서 두번째 인자 위치의 요소부터 끝까지를 첫 번째 인자 위치에 복사합니다.

        // 배열 내에서 두번째 인자 위치의 요소부터 끝까지를 첫 번째 인자 위치에 복사합니다.
        ar4.copyWithin(0, 5);
        document.write(`${ar4.length}개 : ${ar4}<br>`);
        ar4.copyWithin(2, 4);
        document.write(`${ar4.length}개 : ${ar4}<br>`);

배열.fill(값)

배열내의 모든 요소의 값을 주어진 값으로 채웁니다.

        ar4.fill('꽝');
        document.write(`${ar4.length}개 : ${ar4}<br>`);
        ar4.fill(0);
        document.write(`${ar4.length}개 : ${ar4}<br>`);

 

 

 

ex06.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
27
28
29
30
31
32
33
34
35
36
37
38
<!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 ar1 = ["밤","배","감"];
        let ar2 = ["사과","대추"];
        let ar3 = ["딸기","포도"];
        document.write(`${ar1.length}개 : ${ar1}<br>`);
        document.write(`${ar2.length}개 : ${ar2}<br>`);
        document.write(`${ar3.length}개 : ${ar3}<br><hr>`);
        
        // concat() : 두개 또는 그 이상의 배열을 연결한 배열을 반환합니다.
        let ar4 = ar1.concat(ar2, ar3); 
        document.write(`${ar1.length}개 : ${ar1}<br>`); // 변하지 않는다.
        document.write(`${ar4.length}개 : ${ar4}<br>`);
        
        // isArray() : 인자로 주어진 객체가 배열이면 true를 반환합니다. Array.isArray(object);
        document.write(Array.isArray(ar1) + "<br>");
        // 배열 내에서 두번째 인자 위치의 요소부터 끝까지를 첫 번째 인자 위치에 복사합니다.
        ar4.copyWithin(05);
        document.write(`${ar4.length}개 : ${ar4}<br>`);
        ar4.copyWithin(24);
        document.write(`${ar4.length}개 : ${ar4}<br>`);
        
        // fill(값) : 배열내의 모든 요소의 값을 주어진 값으로 채웁니다.
        ar4.fill('꽝');
        document.write(`${ar4.length}개 : ${ar4}<br>`);
        ar4.fill(0);
        document.write(`${ar4.length}개 : ${ar4}<br>`);
    </script>
</head>
<body>
    
</body>
</html>
cs

 

실행 결과 입니다.