2020. 7. 7. 13:21ㆍstudy/study
누군가에게 설명한다고 생각하고 개념을 기억해보기
( 누군가 설명해달라고 했을때 바로 설명 가능할정도로 이해해야한다. - 커뮤니케이션 능력 )
- 배열의 구조
- 객체의 구조
- 배열과 객체의 특징
- 배열의 용어 이해 -index. element
- 객체의 용어 이해 - key , value, property
- 배열의 element (요소 ) 추가 , 삭제 , 조회를 설명
- 객체 속성 (property ) 의 추가 삭제 조회를 설명
- dot noatation & braketnotation
- 반복문에서 초기화 조건식 증감문 설명
- 축약형 연산자 ( +=) 설명
- return 과 console.log 의 차이 설명
배열의 구조
: 배열은 브라켓 안에 순서가 있는 값들이 들어가 있는 것을 뜻한다.
이 순서는 인덱스 라고 부르고 , 0부터 세기 시작한다.
그리고 배열 안에 들어있는 각각의 값은 인덱스를 이용해 접근한다.
객체의 구조
: 객체에는 키가있고 각각의 키에는 값이 있다
이 키와 값은 쌍으로 이루어져 있다 .
그리고 객체는 키와 값의 추가 삭제가 가능하다.
배열과 객체의 특징
배열의 값을 사용하기위해서 인덱스를 사용하고
객체의 값을 사용하기 위해선 키값에다가 닷노테이션 혹은 브라켓 노테이션을 사용하여야 한다.
배열의 용어 이해 -index. element
index 는 배열의 순서를 나타내며 0부터 번호를 매기고,
element는 요소 라는 뜻인데 , 이 요소는 각각 인덱스에 들어간 값을 이야기한다.
객체의 용어 이해 - key (키), value( 값) , property (속성)
key 는 값의 정보를 나타내고
value 키에 해당하는 값이고
property 란 객체 내의 속성으로 key 와 value 쌍으로 구성된다.
배열의 element (요소 ) 추가 , 삭제 , 조회를 설명
배열에 요소를 추가하기 위해서는 배열에 요소를 추가하는메소드를 사용하면 된다.
여러가지가 있지만 그중 push , unshift 가 대표적인 예이다.
push는 배열의 끝에 요소를 추가하는 메소드이고 , unshift 는 배열의 앞에 요소를 추가하는 메소드이다.
배열의 요소를 삭제하기 위해서는 추가와 마찬가지로 메소드를 사용하면 되는데 , 가장 대표적인 예로는 pop 과 shift 가 있다.
pop은 배열끝에있는 요소를 삭제하는 메소드이고 shift는 배열의 앞에있는 메소드를 삭제하는 메소드이다.
객체 속성 (property ) 의 추가 삭제 조회를 설명
객체의 속성을 추가하기위해서는 dot / braket notation 을 사용하여 값을 추가할수있다.
예를들어 user라는 객체에 hobby 라는 키와 값을 추가하고싶으면
user.hobby = ['swimming', 'runnung'] 이런식으로 추가하거나
user['hobby'] = 'swimming ' , ''running ' 이렇게 두가지 방법으로 추가 할 수 있다.
객체의 속성을 삭제하기 위해서는 delete라는 메소드를 사용하고 그뒤에 닷노테이션이나 브라켓 노테이션을 사용하여
삭제해 줄 수 있다.
객체의 키를 조회하기 위해서는 in 연사자를 사용하여 확인할수 있는데 , key 값 다음에 in 을 사용하고 다음 변수이름 이런식으로 사용할 수 있다. 예를들면
dot noatation & braketnotation
dot notation 과 braket notation 은 객체의 속성에 접근하기 위한 속성접근자 들 이다.
점표기법 , 괄호 표기법 이라고도 이야기한다
점표기법은 객체 이름 . 키이름 순으로 작성이 가능하며
이때 이 키는 유효한 식별자 여야 한다.
*식별자란 자바스크립트에서 변수나 함수의 이름을 작성할때 사용하는 이름을 의미한다. *
괄호표기법은 객체이름 [ ' 키이름'] 순으로 작성하며
키이름은 유효한 식별자가 아니여도 괜찮다. 문자열이나 심볼을 사용할수 있다.
반복문에서 초기화 조건식 증감문 설명
반복문은 초기화 조건식 증감문을 사용하는데
for 과 while 이 있다.
예를들자면 for ( let i = 0 ; i < 5 ; i ++){
} 이렇게 조건문을 쓰는데 이때 let i = 0 이 초기화 , i < 5 가 조건식 , i ++ 가 증감문 이다.
축약형 연산자 ( +=) 설명
예를들어 n += 1 이라는 식이 있다면 이 식은
n = n+ 1 이라는 뜻이다.
같은 식으로 *= /= -= 와같은 축약형 연산자들도 있다 .
return 과 console.log 의 차이 설명
리턴은 결과값을 반환하는 것으로 , 결과값을 다른곳에 활용할 수 있다.
console.log 는 결과값을 단순히 확인하기 위한 용도로 사용한다.