day02

algorithm class

배열(array)

• 배열은 값을 차례로 담기 위해 사용하는 데이터 형식으로 대괄호[ ]안에 쉼표(,)로 구분한다.
• lenght 기능을 사용하면 배열 안에 몇 개의 데이터가 있는지 알 수 있다.
• 배열 안의 데이터들은 index번호를 가지며 0번째 인덱스부터 시작한다.
• 배열의 index로 해당 데이터에 접근할 수 있다.
• 존재하지 않는 index로 접근하면 undefined로 반환

배열의 메소드

• 데이터 추가

  • push | 배열의 맨 뒤에 데이터 추가(원본 자체를 수정하며 push된 이후의 배열의 길이값을 반환 즉, 재할당 불필요!!)
  • unshift | 배열의 맨 앞에 데이터 추가

• 데이터 삭제

  • pop | 배열의 맨 뒤 데이터 삭제
  • shift | 배열 맨 앞 데이터 삭제

• 데이터 조회

  • indexOf | 데이터의 index 값 반환(배열에 없는 값을 가져오면 -1반환)
  • includes | 데이터의 존재 여부 반환(true/false)

객체 (object)

• 데이터들을 종류에 맞게 분류하여 저장하는 데이터 형식으로 중괄호 { }안에 쉼표로 구분한다.
• key와 value로 데이터를 저장하며 각각 데이터의 이름, 값을 의미한다.
• 객체의 데이터는 객체의 key값을 이용해 조회한다.
• 객체를 조회하는 방법은 두 가지가 존재한다.
• 객체 안에 배열, 객체도 넣을 수 있다.

  1. dot notation(obj.name)
  -> 키 값의 이름을 직접 입력할 때 주로 사용!
  2. braket notation(obj["name" || age])
  -> 키 값을 어떠한 변수의 이름값으로 접근할 때 주로 사용!

객체 데이터 추가

obj.key = value;
obj.key.key = value;

객체 데이터 삭제

delete obj.key;
delete obj.key.school;

템플릿 리터럴(Template Literal)

• 내장된 표현식을 허용하는 문자열 리터럴로 여러 줄로 이뤄진 문자열과 문자보관기능을 사용할 수 있다. 따옴표 'or "로 이루어진 형식보다 편하다.

  ` `(백틱)안에 플레이스 홀더를 이용해서 표현식을 넣을 수 있다. 이는 $와 중괄호로 표기한다. 

  let name = 'sumin';
  console.log(`${name}`);

구조분해할당(Destructuring)

• 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이다.

• 객체의 구조 분해 할당

const myuser = {
    myname : "철수",
    myage: 13,
    myschool: "다람쥐 초등학교",
}
const {myname, myage, myschool} = myuser

• 배열의 구조 분해 할당

const friends = ['철수','영희','광희'];
const [f1, f2, f3];

• 배열을 객체로, 객체를 배열로도 가능

구조분해할당!
let arr =[
  [ 'easy', 234 ],
  [ 'normal', 759 ],
  [ 'hard', 677 ],
  [ 'nightmare', 46 ]
]      
  
let result= [];
// for문을 완성해주세요.

for (let i = 0; i < arr.length; i ++){
  let [key, value] = arr[i];
  let obj = {};
  obj[key] = `${value}`;  
  result[i] = obj
}