S1U9 [Javascript] 배열, 객체 2

개념정리 사이트 : https://devdocs.io/

 

이해도 자가 점검 리스트

Chapter1. 배열

• 배열에서 특정 인덱스(index)의 요소(element)를 조회하거나, 변경할 수 있다.
• length 속성을 이용하여 배열의 길이를 조회할 수 있다.
• 배열의 요소가 배열인 이중 배열을 이해하고, 이중 배열의 요소를 조회하거나 변경할 수 있다.
• 배열의 각 요소에 대하여, 반복하는 코드를 실행시킬 수 있다.
• 배열에서 사용되는 다양한 메서드를 알고 사용할 수 있다.
  • split(), join(), slice(), splice(), Array.isArray(), push(), unshift(), pop(), shift(), indexOf(), includes()

Chapter2. 객체

• 배열과 객체의 특징을 구분하고, 배열과 객체의 특징에 따라 웹 애플리케이션 개발 시 어떻게 사용되는지 이해한다.
• 객체 속성(property)의 추가, 조회, 변경, 삭제를 자유자재로 할 수 있다.
• 객체 속성 조회법 두 가지, dot notation과 bracket notation의 차이를 이해한다.
• 배열과 객체에 반복문을 응용하여 능숙하게 대량의 정보를 다룰 수 있다.

 

* tip&배워야할것

객체 

let user = {
  firstName:'dongsoo',
  lastName:'Yoon',
  email: 'rainhu@naver.com',
  city: 'hwasungsi'
};

dot notation : .(dot)으로 표기

ex) user.llastName;  //'Yoon'

Bracket notation : [](대괄호)문자열로 표현

ex) user['lastName']; //'Yoon

 

작은따옴표,큰따옴표,백틱 사용가능

 

**에러가나오면 그냥 넘기지말고 뭐가 잘못됐는지 꼭 확인하고 넘어가자!!**

 

tweet['content'] === tweet.content

=true

tweet[content] === tweet.contetnt

=false

tweet[content] === tweet['content']

=false

**키 값이 변수일대 브라켓노테이션 사용해야함

 

추가

tweet['category'] = '잡담';

삭제(delete 사용)

delete tweet.creaedAt;

in연산자사용해 key 확인가능

'content' in tweet; //true

 

프로퍼티 : 키 +값