23.05.26)자바스크립트 문법정리2 - 메서드 익히기

이번주 월요일부터 자바스크립트 문법 종합반 강의를 계속 듣고 있는데 자바스크립트에 대해 너무 초면이라

익숙치 않고 많이 어렵다,, 강의를 들을 때는 이해가 안되면 여러번 다시 들으면서 이해가 되지만

정작 알고리즘 문제를 풀 때는 어떻게 시작해야할지, 또 어떤 식으로 풀어야 할지 문법들이 떠오르지가 않아서

나에게는 기초 문법들을 익히는게 제일 먼저 해야할 일이라고 생각했다. 그 중 어제 문제를 풀 때도 그렇고

배열과 메서드를 이용해서 문제를 푸는 방식이 가장 마음에 들어 메서드가 익숙해지도록 더 공부해 볼 생각이다.

📕오늘 공부한 내용

1. push() : 배열 마지막에 추가
let fruit2 = ["사과", "바나나"];
console.log("1 =>", fruit2); //1 => [ '사과', '바나나' ]

fruit2.push("오렌지");
console.log("2 =>", fruit2); //2 => [ '사과', '바나나', '오렌지' ]

2. pop() :배열의 마지막 요소를 삭제
let fruit3 = ["사과", "바나나"];
console.log("1 =>", fruit3); //1 => [ '사과', '바나나' ]

fruit3.pop();
console.log("2 =>", fruit3); //2 => [ '사과' ]

3. shift() : 배열의 첫번째 요소를 삭제
let fruit4 = ["사과", "바나나", "키위"];
console.log("1 =>", fruit4); //1 => [ '사과', '바나나', '키위' ]

fruit4.shift();
console.log("2 =>", fruit4); //2 => [ '바나나', '키위' ]

4. unshift() : 맨 앞에 요소를 추가
fruit4.unshift("포도");
console.log(fruit4); //[ '포도', '바나나', '키위' ]

5. splice() : 시작하는 위치-지우는 갯수-그 위치에 끼워넣기
fruit4.splice(1, 1, "딸기");
console.log(fruit4); //[ '포도', '딸기', '키위' ]

6. slice() : (start부터, end)
let fruit5 = ["사과", "바나나", "키위"];

let slicedFruit5 = fruit5.slice(0, 2);
console.log(slicedFruit5); //[ '사과', '바나나' ]

7. forEach() : 모든 요소를 출력
let numbers = [1, 2, 3, 4, 5];

numbers.forEach(function (item) {
  console.log("item입니다 =>" + item);
}); //item입니다 =>1
    //item입니다 =>2 
          .
    //item입니다 =>5

8. map(): 기존에 있었던 배열을 가공해서 새로운 배열을 생산 
                (항상 원본 배열의 길이만큼 리턴) 
let numbers = [1, 2, 3, 4, 5];

let newnumbers = numbers.map(function (item) {
  return item * 2;
});

console.log(newnumbers); //[ 2, 4, 6, 8, 10 ]

9. filter() : 조건에 해당되는 것만 리턴 
let numbers = [1, 2, 3, 4, 5];

let filteredNumbers = numbers.filter(function (item) {
  return item !== 5;
});

console.log(filteredNumbers); //[ 1, 2, 3, 4 ]

10. find() : 조건에 맞는 첫 번째로 들어오는 것만 리턴 
let numbers = [1, 2, 3, 4, 5];

let result = numbers.find(function (item) {
  return item !== 5;
});

console.log(result); //1

11. reduce() : 배열.reduce((누적값, 현잿값) => { 
                       return 결과 }, 초깃값);
let numbers = [1, 2, 3, 4, 5];

let sum = numbers.reduce(function (accumulator, currentValue) {
  return accumulator + currentValue;
}, 0);
console.log(sum);  //15

//0 1
//1 2
//3 3
//6 4
//10 5
/= 15

12. some() : 배열에 짝수가 있는지 배열의 각 요소에 콜백함수를 실행하고, 
                    결과가 true인 요소가 하나라도 있는지 확인
let numbers = [1, 2, 3, 4, 5];

let hasEvenNumber = numbers.some(function (number) {
  return number % 2 === 0;
});

console.log(hasEvenNumber);//true (2)

13. every() : 배열에 짝수가 있는지 배열의 각 요소에 콜백함수를 실행하고, 
                    결과가 true인 요소가 모든 요소인지 확인
let numbers = [2, 4, 6, 8, 10];

let isAllEvenNumbers = numbers.every(function (number) {
  return number % 2 === 0;
});
console.log(isAllEvenNumbers); //true (2,4,6,8,10)

14. sort(): 배열 numbers를 오름차순으로 정렬
let numbers = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];

numbers.sort(function (a, b) {
  return a - b;
});
console.log(numbers);
//[
//1, 1, 2, 3, 3,
//4, 5, 5, 5, 6,
//9
//]

15.reverse(): 배열 numbers의 순서를 뒤집는다.
let numbers = [1, 2, 3, 4, 5];

numbers.reverse();
console.log(numbers); // [5, 4, 3, 2, 1]