배열과 객체
배열
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는 배열에서도 사용가능하다고 하였다.
객체
- 객체는 키와 값 쌍(key-value pair)로 이루어져있다.
- 중괄호(curly bracket)을 이용해서 객체를 만든다.
- 키과 값은 쉼표로 구분해준다.
- 객체 접근 방법
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가 출력된다.
Author And Source
이 문제에 관하여(배열과 객체), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@boraborayoon/배열과-객체저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)