배열 [ Javascript ] [ JavaScript 문법 종합반 1주차 ]

// 배열

// 1 생성
// 1-1 기본 생성
let fruits = ["사과", "바나나", "오렌지"];
console.log(fruits); // [ '사과', '바나나', '오렌지' ]

// 1-2 크기 지정
let number = new Array(5);
console.log(number); // [ <5 empty items> ]
console.log(number.length); // 5

// 2 요소 접근
console.log(fruits[0]); // 사과
console.log(fruits[1]); // 바나나
console.log(fruits[2]); // 오렌지

// 3 배열 메소드
// 3-1 push
let frts = ["사과", "바나나"];
console.log(frts); // [ '사과', '바나나' ]
frts.push("오렌지");
console.log(frts); // [ '사과', '바나나', '오렌지' ]

// 3-2 pop 마지막 요소 삭제
frts.pop();
console.log(frts); // [ '사과', '바나나' ]

// 3-3 shift 첫번째 요소 삭제
frts.shift();
console.log(frts); // [ '바나나' ]

// 3-4 unshift 첫번째 요소에 추가
frts.unshift("포도");
console.log(frts); // [ '포도', '바나나' ]

// 3-5 splice
let f = ["사과", "바나나", "포도"];
f.splice(1, 1, "포도"); // 첫번째 요소부터 시작해서 첫번째 값을 삭제하고 포도를 넣는다.
console.log(f); // [ '사과', '포도', '포도' ]

// 3-6 slice
let fu = ["사과", "바나나", "포도"];
let slicedFruits = fu.slice(1, 2); // 두번째 요소부터 세번째 요소 전까지 새로운 배열로 만들어서 반환해줘
console.log(slicedFruits); // [ '바나나' ]

// forEach, map, filter, find ========================

// 1 forEach : 리턴값없음
let numbers = [4, 2, 1, 3, 5];
// 매개변수 자리에 함수를 넣는 것 : 콜백 함수
numbers.forEach(function (item) {
  console.log(item);
});
/*
4
2
1
3
5
*/

// 2 map : 반드시 리턴문을 가져가야만 한다. 기존에 있던 배열을 가공해서 새로운 배열을 만들기 때문
// 항상 원본 배열의 길이 만큼이 return 된다.
let newNumbers = numbers.map(function (item) {
  return item * 2;
});
console.log(newNumbers); // [ 8, 4, 2, 6, 10 ]

// 3 filter

let filteredNumbers = numbers.filter(function (item) {
  return item !== 5; // 조건이 들어감
});
console.log(filteredNumbers); // [ 4, 2, 1, 3 ]

// 4 find

let result = numbers.find(function (item) {
  return item > 3;
});

console.log(result); // 4