Euge.study( );
article thumbnail
Published 2023. 1. 17. 00:19
[Java Script]배열 함수 JavaScript

 자바스크립트 배열의 다양한 함수 

    자바스크립트 배열은 탐색과 변형 작업을 수행하기 위한 다양한 함수(메서드)들을 제공

Array.shift() - 배열 첫번째 요소 제거하기
Array.unshift() - 배열 첫번째 요소 추가하기
Array.pop() - 배열 마지막 요소 제거하기
Array.push() - 배열 마지막 요소 추가하기
Array.join() - 배열값 사이에 원하는 문자를 삽입
Array.concat() - 두개의 배열을 하나의 배열로 합치기
Array.reverse() - 배열을 역순으로 재배치
Array.sort() - 배열을 정렬
Array.includes() - 배열의 해당 값이 존재하는지 여부 확인 (true / false)
Array.indexOf() - 배열의 index값을 찾을 떄 사용
Array.slice(시작, 끝) - 배열에서 시작 - 끝(마지막 인덱스 포함 X)까지 배열을 복사해서 반환 / 원본을 건들이지 않음Array.splice(시작, 개수) - 배열에서 시작에서 부터 개수만큼 삭제 / 원본을 변경
 
let fruit = new Array("수박", "딸기", "복숭아")
        document.write(fruit + "<br>");

        fruit.unshift("파인애플");
        document.write(fruit + "<br>");

        fruit.shift();
        document.write(fruit + "<br>");

        fruit.push("파인애플");
        document.write(fruit + "<br>");

        fruit.pop();
        document.write(fruit + "<br>");

        fruit.splice(1, 0, "파인애플");
        document.write(fruit + "<br>");

        fruit.splice(1, 1);
        document.write(fruit + "<br>");

        document.write(fruit.join(" | ") + "<br>");
        
        let number = [1, 2, 3, 4, 5, 6];
        document.write(number + "<br>");

        number.reverse();
        document.write(number + "<br>");

        number.sort();
        document.write(number + "<br>");

        let arr = [10 , 40, 50, 20, 44, 100, 10, 10, 200, 300];
        document.write(arr + "<br>");

        document.write(number.concat(arr) + "<br>");

        let arr3 = number.concat(arr);
        document.write(arr3.sort((a,b) => a - b) + "<br>");

        arr3 = number.slice(0, 7);
        document.write(arr3 + "<br>");

        // 문자열은 자체가 배열값이다
        let str = "대한민국";
        for(i in str)
            document.write(str[i] + "&nbsp;");

'JavaScript' 카테고리의 다른 글

[Canvas]JS로 그림그리기 캔버스  (0) 2023.03.02
[Java Script] 객체 Object  (0) 2023.01.22
[Java Script]연산자 Operator(1)  (0) 2023.01.17
[Java Script] 배열과 for in문  (0) 2023.01.17
[Java Script]변수 Variable  (0) 2023.01.15
profile

Euge.study( );

@euge

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!