디지털 컨버전스/Java Script

[Javascript] 배열 > join / reverse / slice / indexOf

gimyeondong 2020. 4. 14. 09:45

Javascript에서 배열이 중요하다! List와 같이 동작

    <script type="application/javascript">
    
    </script>

나는 자바스크립트를 쓸 것이다 : 명시적으로 알려주기

예전에는 표준없이 J스크립트, W스크립트 등 다양한 스크립트가 있었음

현재는 자바스크립트가 사실상 표준이기 때문에 명시하지 않아도 자바스크립트가 디폴트

    <script>
    var arr = ["A","B","C",3,4]
    </script>

오브젝트 배열처럼 아무타입이나 다 들어갈 수 있다.

pop push

shift unshift

join

배열 요소가 하나로 뭉쳐진다

( ) 안의 값으로 구분

 

원본 배열을 건들이지 않는다

 

 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <script>
            var arr = ["A","B","C",4,5];

            var result = arr.join('#');
            console.log(result);
            console.log(arr);

        </script>
    </body>
</html>

 

reverse

배열 요소 순서를 뒤집는다.

원본 배열을 건드린다.

 

 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <script>
            var arr = ["A","B","C",4,5];

            var result = arr.join('#');
            console.log(result);
            console.log(arr);
            arr.reverse();
            console.log(arr);
        </script>
    </body>
</html>

slice

서브배열을 복사해서 뽑아낸다.

왼쪽 끝을 기준으로 자른다.

 

 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <script>
            var arr = ["A","B","C",4,5];

            var result = arr.join('#');
            console.log(result);
            console.log(arr);
            arr.reverse();
            console.log(arr);

            result = arr.slice(0,2);
            console.log(result);
            
        </script>
    </body>
</html>

splice

끼워넣기, 지우기 모두 가능

 

 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <script>
            var arr = ["A","B","C","D","E"];
   
            arr.splice(1,1,'Z');
            console.log(arr);
        </script>
    </body>
</html>

 

arr.splice(0,2);
arr.splice(1,1);
arr.splice(1,1,'Z');

 

첫번째 인자값은 위치

두번째 인자값은 지울 양(amount)

세번째 인자값은 끼워 넣을 값

 

arr.splice(1,0,'Z');

 

indexOf

요소의 번호 검색

 

 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <script>
            var arr = ["A","B","C","D","E"];
   
            var result = arr.indexOf('C');
            console.log(result);
            
        </script>
    </body>
</html>