240501 TIL

1. 배열 / 배열 메소드

1) 배열

let arr = [val1, val2, val3]; //대괄호로 정의
let arr2 = new Array(5); //크기 지정
console.log(arr[0]); //요소 접근

2) 배열 메소드 push()

let fruits = ["사과", "바나나"];

fruits.push("오렌지"); 

// ["사과", "바나나", "오렌지"]

3) 배열 메소드 pop()

let fruits = ["사과", "바나나", "오렌지"]

fruits.pop();

// ["사과", "바나나"]

4) 배열 메소드 shift()

let fruits = ["사과", "바나나", "오렌지"]

fruits.shift();

// ["바나나", "오렌지"]

5) 배열 메소드 unshift()

let fruits = ["바나나", "오렌지"]

fruits.unshift("사과");

// ["사과", "바나나", "오렌지"]

6) 배열 메소드 splice()

let fruits = ["사과", "바나나", "오렌지"];

fruits.splice(1, 1, "포도");

// ["사과", "포도", "오렌지"]

7) 배열 메소드 slice()

새로운 배열을 만들어내는 메소드

let fruits = ["사과", "바나나", "오렌지"];

let slicedFruits = fruits.slice(1, 2);

// ["바나나"]

8) 배열 메소드 forEach()

let numbers = [1, 2, 3, 4, 5];

numbers.forEach(function(number) {
  console.log(number);
});

numbers.forEach(num => {
  console.log(number);
});

//모든 요소 출력

9) 배열 메소드 map()

let numbers = [1, 2, 3, 4, 5];

let squaredNumbers = numbers.map(function(number) {
  return number * number;
});

// [1, 4, 9, 16, 25]

10) 배열 메소드 filter()

let numbers = [1, 2, 3, 4, 5];

let evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});

// [2, 4]

11) 배열 메소드 find()

해당되는 첫번째 요소를 반환

let numbers = [1, 2, 3, 4, 5];

let foundNumber = numbers.find(function(number) {
  return number > 3;
});

// 4

2. 팀 프로젝트 - 영화 정보 사이트 제작

영화 정보 사이트 제작 (1)