JS 배열

배열(Array) 객체란?

• 하나의 변수에 여러 개의 값을 순차적으로 저장할 수 있는 데이터 구조
• 데이터 타입은 Object
• 여러 종류의 데이터 타입을 저장 가능
• 배열의 크기는 동적으로 변화
• 각 요소는 0부터 시작하는 인덱스를 가지고 이 인덱스를 사용해 배열의 특정 요소에 접근
• 반복문을 이용하여 배열의 각요소에 접근 가능
• 배열을 참조 타입으로 변수에 배열을 할당하면 메모리 주소가 할당

const ARR = [1, 2, 3, 4, 5];
// 기본적인 배열 형태

// 배열의 길이 획득
console.log(ARR.length);
ARR[ARR.length] = 7;

// 배열 여부 체크
console.log(Array.isArray(ARR));
console.log(Array.isArray(1));

// indexOf() : 배열에서 특정 요소를 검색해 해당 인덱스를 획득
let arr = ['홍길동', '갑순이', '갑돌이'];
arr.indexOf('갑돌이');
if(arr.indexOf('갑돌이') < 0){
    // 요소가 없을때 처리
}

// includes() : 배열에서 특정 요소의 존재 여부를 체크, 리턴 boolean
arr.includes('홍길동');
if(!(arr.includes('홍길동'))){
    // 요소가 없을때 처리
}

// 배열 복사
arr = ['홍길동', '갑순이', '갑돌이'];
// arr2 = arr;  arr2에 arr주소를 참조하기에 원본 변경
arr2 = [...arr]; // Spread Operator
arr2.push('반장님');

// push() : 원본 배열의 마지막 요소를 추가, 리턴은 변경된 length(배열길이) 반환
arr = ['홍길동', '갑순이', '갑돌이'];
let len = arr.push('반장님');
arr.push('나미리', '둘리'); // 파라미터를 복수 설정해서 여러 값을 한번에 추가하기

// pop() : 원본 배열의 마지막 요소를 제거, 제거된 요소의 값 반환
arr = ['홍길동', '갑순이', '갑돌이'];
let result = arr.pop();
console.log(arr);

// unshift() : 원본 배열의 첫번째 요소를 추가, 변경된 length 반환
arr = ['홍길동', '갑순이', '갑돌이'];
result = arr.unshift('둘리');
console.log(result, arr);

// shift() : 원본 배열의 첫번째 요소를 제거, 제거된 요소의 값 반환
result = arr.shift();
console.log(result, arr);

// splice() : 요소를 잘라서 자른 배열을 반환
arr = [1, 2, 3, 4, 5];
result = arr.splice(2); // 왼쪽기준으로 잘림
console.log(arr); // [1,2]
console.log(result); // [3, 4, 5]

arr =[1, 2, 3, 4, 5];
result = arr.splice(-2); // 음수로 하면 오른쪽 기준으로 잘림
console.log(arr); // [1, 2, 3]
console.log(result); // [4, 5]

arr =[1, 2, 3, 4, 5];
// result = arr.splice(1, 2); // [1, 4, 5]
result = arr.splice(1, 2, 100, 200, 300); // 자르고 난뒤에 100, 200, 300 추가
console.log(arr); // [1, 100, 200, 300, 4, 5 ]
console.log(result); // [2, 3]

arr = [1, 2, 3, 4, 5];
result = arr.splice(2, 0, 100, 200);
console.log(arr); // [1, 2, 100, 200, 3, 4, 5]
console.log(result); // []

// join() : 배열의 요소를 구분자로 연결한 문자열을 만들어서 반환
// 구분문자는 디폴트가 ','
arr = [1, 2, 3, 4];
result = arr.join('');

console.log(result);

// sort() : 배열의 요소를 문자열로 변환 후 오름차순 정렬 하고, 정렬된 배열을 반환
// 원본 변경
// (a - b)가 양수일 경우, a가 큰수, b가 작은수로 인식하여 정렬
// (a - b)가 음수일 경우, a가 작은수, b가 큰수로 인식하여 정렬
// (a - b)가 0일 경우, 같은 값으로 인식하여 정렬하지 않음
arr = [4, 3, 6, 1, 2, 5, 10];
result = arr.sort((a, b) => a - b); // 숫자 오름차순 정렬
// result = arr.sort((a, b) => b - a); // 숫자 내림차순 정렬
console.log(arr);
console.log(result);

// map() : 배열의 모든 요소에 대해서 콜백 함수를 반복 실행한 후, 그결과를 새로운 배열로 반환
arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
// 모든 요소의 값 *2를 한 결과를 얻고 싶다.
// [2, 4, 6, 8 .....20]

let copyArr = [];
for(let val of arr){
    copyArr[copyArr.length] = val * 2;
}

let mapArr = arr.map(val => val * 2);
// some() : 배열의 모든 요소에 대해서 콜백함수를 반복 실행하고,
// 조건에 만족하는 결과가 하나라도 있으면 true, 만족하는 결과가 하나도 없으면 false
arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

result = arr.some(val => val === 11); // false

// every() : 배열의 모든 요소에 대해서 콜백함수를 반복 실행하고,
// 모든 결과가 만족하면 true, 하나라도 만족하지 않으면 false
arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
result = arr.every(val => val >= 1);

// filter() : 배열의 모든 요소에 대해서 콜백함수를 반복 실행하고,
// 조건에 맞는 요소만 모아서 배열로 반환
arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
result = arr.filter(val => val % 3 === 0);

// foreach() : 배열의 모든 요소에 대해서 콜백 함수를 반복 실행
arr.forEach((val, key) => console.log(`key : ${key}, val : ${val}`));


// 원본은 보존하면서 오름차순 정렬 해주세요.
const ARR1 = [ 6, 3, 5, 8, 92, 3, 7, 5, 100, 80, 40 ];
result = ARR1.sort((a, b) => a - b);

// 짝수와 홀수를 분리해서 각각 새로운 배열 만들어 주세요.
const ARR2 = [5,7,3,4,5,1,2];
result1 = arr.filter(val => val % 2 === 0);
result2 = arr.filter(val => val % 2 != 0);

• 이번에 과제로 주어진것

// 원본은 보존하면서 오름차순 정렬 해주세요.
const ARR1 = [ 6, 3, 5, 8, 92, 3, 7, 5, 100, 80, 40 ];
const result = ARR1.concat().sort((a, b) => a - b);


// 짝수와 홀수를 분리해서 각각 새로운 배열 만들어 주세요.
const ARR2 = [5,7,3,4,5,1,2];
result1 = ARR2.filter(val => val % 2 === 0);
result2 = ARR2.filter(val => val % 2 != 0);

정답이... 맞겟지 ????