자바스크립트 배열의 다양한 함수
자바스크립트 배열은 탐색과 변형 작업을 수행하기 위한 다양한 함수(메서드)들을 제공
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] + " ");
'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 |