본문 바로가기

프론트앤드 수업

[javascript] 배열 메서드 예제

728x90
 //splice 배열에서 선택한 요소를 제거,추가
        //arr.splice(start,num,ele..)
        let arr = ['green','blue','red','yellow','pink'];
        arr.splice(1,1,'tomato') //1번 인덱스에서부터 1개만 제거후 그자리에 tomato추가
        // arr.splice(1,0,'tomato') 1번 인덱스를 밀어내고 그자리에 tomato추가 1번->2번으로이동
        console.log(arr);
        // 결과값 'green', 'tomato', 'red', 'yellow', 'pink'

        //02 slice 배열에서 시작인덱스부터 마지막인덱스까지 반환
        let arr2 =[1,2,3,4,5,6,7]
        let result = arr2.slice(1,4); // 2,3,4 만 반환 마지막인덱스는 반환하지 않음 마지막인덱스표출하려면 length
        console.log(result);
        // 결과값 [2,3,4]

        // 03 indexof 배열에서 해당요소가 있는지 탐색
        // 구문 arr.indexOf(item);
        let result2 = arr2.indexOf(4); // 3이 반환된다. 요소가 없으면 -1을 반환해준다.
        console.log(result2);
        // 결과값 3

        // 04 includes 배열에서 해당 값이 있는지 탐색후 있으면 true 없으면 false 반환
        // 구문 arr.includes(item)
        let result3 = arr2.includes(5);
        console.log(result3);
        // 결과값 true

        //05 join 배열 요소를 모두 합친 후 하나의 문자열을 만들어줌
        // 구문 arr.join(); 값을주면 요소사이사이에 하나씩 삽입해준다. a입력시1a2a3a4a5a..
        let result4 = arr2.join();
        console.log(result4);
        // 결과값 1,2,3,4,5,6,7 (문자열)

        // 06 concat 배열을 합쳐서 새로운 배열을 반환
        let arr3 = ['🍒','🍓'];
        let arr4 = arr3.concat(['🍉','🍐']);
        console.log(arr4);
        // 결과값 arr 3 에 추가한 내용이 더해져서 나온다.
728x90
댓글