TIL. Day6 (배열, 객체)

배열

• 배열은 순서가 있는 값
• 순서는 인덱스라고 부르며, 1이 아닌 0부터 번호를 매김
• 값은 인덱스를 이용해 접근

let arr = [1, 2, 3, 4, 5]
   arr.push(6) //맨 뒤에 6 추가, 추가한 요소 리턴
   arr.pop() //맨 뒤 삭제, 삭제한 요소 리턴
   arr.shift() //맨 앞 삭제, 삭제한 요소 리턴
   arr.unshift(0) //맨 앞에 0 추가, 배열의 length 리턴
   //얘네는 mutable한 함수 ( 배열 원본을 변형시킴) 

   // console.table(arr) 이용하면 배열을 표로 볼 수 있다

• Does it mutate?
  https://doesitmutate.xyz/

• Array.isArray --> true or false(배열인지 확인)

  • typeof ➡️ 배열과 null은 'object'로 나옴. 배열을 확인할 때는 Array.isArray 메소드 이용!

• indexOf

• includes

• arr.length

• arr.concat

  • 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열 반환
    https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/concat

• arr.join

  • 배열의 모든 요소를 연결해 하나의 문자열로 만듦
    https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/join

• arr.splice

  • 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경
    array.splice(시작 인덱스, 삭제할 개수, 넣을 요소)

객체

• 객체는 키와 값 쌍(key-value pair)으로 이루어져 있다.

let user= {
firstName: 'Steve', //firstName은 key,'Steve'는 value값에 해당
lastName: 'Yeon', 
city: 'Seoul'
};

• 객체 값 사용방법 : Dot notation, Bracket notation

  user.firstName //Dot notation
  user['city'] //Bracket notation
  // 주의! bracket notation 사용 시 bracket 안쪽 내용을 꼭 문자열로 넣어야 함!!!
  user[city] // Reference Error! 여기서 city는 변수로 취급됨 

• dot/bracket notation을 이용해 값을 추가할 수도 있다.

user.hobby = 'reading';
user['height'] = '180cm';

user; 

{
firstName: 'Steve',
lastName: 'Yeon', 
city: 'Seoul',
hobby: 'reading',
height: '180cm'
};

• in 연산자 이용해 key가 있는지 확인 가능

 'firstName' in user ; // true
  Seoul in user; //false

• delete 키워드 이용해 key 삭제 가능

delete user.city // 입력 시 city에 해당하는 key값 삭제

user = {
firstName: 'Steve',
lastName: 'Yeon', 
hobby: 'reading',
height: '180cm'
};

• 객체 반복문에서는 주로 for...in 사용/
  배열 반복문에서는 주로 for...of 사용

• Object.keys(obj)
  • 객체의 key(속성) 이름으로 이루어진 배열을 반환한다.

const obj = {
  a: 'somestring',
  b: 42,
  c: false
};

Object.keys(obj) // ['a', 'b', 'c']