배열과 객체

3098 단어 objectarrayarray

배열

1. 배열 요소(element)를 추가 할 수 있다.

온점(dot)을 이용해서 관련된 명령(또는 method 라고 부름)도 실행할 수 있다. 명령을 실행할때는, 함수를 실행하듯 괄호를 열고 닫는 형태로 실행한다.

예) array.push(77);
—> 기존의 array 맨 마지막 요소 뒤 숫자 77가 추가된다.

2. 배열 길이를 알아 낼 수 있다.

온점(dot)을 이용해서 변수가 가지고 있는 속성(property)에 접근 할 수 있다.
예) myNumber.length;
—> 숫자로 길이를 알려준다.

3. “typeof 배열” 이라고 입력하면 “object”라는 문자열이 출력된다.

array라고 나오지 않는다!! 주의!!!

4. 배열에서 많이 쓰는 method (1)

4-1. 앞쪽추가: unshift

return array.unshift(element) 하면, 길이가 출력될 것이다.

4-2) 앞쪽삭제: shift

return array.shift()하면. 길이만 출력될 것이다.
array.shift() 인데, 뒤에 전달인자가 필요없다. 무엇이 들어가도 0인덱스를 지워줄 것

4-3) 뒤쪽추가: push

return array.push() 하면, 길이가 출력된다.

4-4) 뒤쪽삭제: pop

return array.pop()하면, 삭제되는 값이 출력된다.
삭제된 array를 출력하고 싶다면, pop명령 후 array를 return 해주어야한다.
💡 삭제된 array를 출력하고 싶다고, array=array.pop()을 재할당 해준 후 array를 출력하면 array는 배열이 아닌 삭제된 값이 나올 것이다.

4-5) splice: element를 삭제하거나 추가할때

array.splice(삭제할 인덱스 시작값, 제거할 요소의 갯수, 그 자리에 추가될 element(들));
return array.splice(#,#,#) 하면 삭제한 element(s)가 출력된다. 그리고 기존 배열은 원하는 것들이 삭제되어있을 것이다.

배열에서 많이 쓰는 method(2)

Slice, join, concat, indexof includes 를 명령하더라도, 기존의 배열에는 영향이 없다.
※ 1주차때 slice와 substring의 차이점을 배웠다…substring은 문자열에서만 가능하다고 하였고, slice는 배열에서도 사용가능하다고 하였다.

객체

  1. 객체는 키와 값 쌍(key-value pair)로 이루어져있다.
  2. 중괄호(curly bracket)을 이용해서 객체를 만든다.
  3. 키과 값은 쉼표로 구분해준다.
  4. 객체 접근 방법

4-1) Dot notation (객체의 속성(값)을 가져오는 것) 예)user.email

4-2) Bracket notation (💡대괄호 안에 따옴표로 키 입력하기 / 따옴표를 입력하지 않으면, 변수로 취급된다.) 예) user[‘email’]

🧐 어떤 상항에서 dot notation? bracket notation?
✅ 키 값이 동적일때 예를들어 변수일때 Bracket notation은 키값이 변할때 쓴다. Dot notation에는 못쓴다.
5. 키와 값을 추가할 수 있다.
만약, user = {id : "princess", pw="Iamprincess"} 인데
예) user.email ="[email protected]"
또는
user["email"]="[email protected]" 라고 입력하면

user는 아래와 같이 email을 포함한다.
user = {id : "princess", pw:"Iamprincess", email:"[email protected]"}

6. delete키워드를 이용해 삭제할 수 있다.

만약, user = {id : “princess”, pw=“Iamprincess”, email:”[email protected]"}
예) delete user.email
또는
delete user[“email”] 하면
user = {id : “princess”, pw=“Iamprincess”} 가 된다.

7. 'in'연산자를 이용해 해당하는 키가 있는지 확인할 수 있다.

'id' in user; //true가 출력된다.
'update' in user //false가 출력된다.

좋은 웹페이지 즐겨찾기