[4주차] Step3(JavaScript Part3)

* 이 자료는 제가 복습하기 위해서 작성한 내용입니다. 제대로 공부하시려면 바닐라코딩에서 공유한 스타터키트를 참고하시길 바랍니다.

1. 7월 27일 / 4주차

2. 알고 있는 내용

- template literals: 내장된 표현식을 허용하는 문자열 리터럴이다.

function find(arr) {
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] === "answer") {
      return `정답은 ${i}에 있다`;
    }
  };
}

- 나머지 연산자(%)를 활용하여 홀수 짝수를 구별할 수 있다.

 

- 객체에 새로운 속성을 추가할 때는 Dot notation 또는 Bracket Notation을 이용할 수 있다.

 

3. 알고 있다고 생각했지만 모르는 내용

- Array.prototype.concat() : concat()메서드는 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환한다. 기존 배열을 변경하지 않는다!

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const array3 = array1.concat(array2);

console.log(array3); // [1, 2, 3, 4, 5, 6];

- Number.prototype.toString() : 숫자를 String으로 바꿔주는 메소드

 

- Array.prototype.map() : map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다.

const array1 = [1, 2, 3];
const newArray = array1.map(x => x * 2);

console.log(newArray); // [2, 4, 6]