온점(dot)을 이용해서 관련된 명령(또는 method 라고 부름)도 실행할 수 있다. 명령을 실행할때는, 함수를 실행하듯 괄호를 열고 닫는 형태로 실행한다.
예) array.push(77);
—> 기존의 array 맨 마지막 요소 뒤 숫자 77가 추가된다.
온점(dot)을 이용해서 변수가 가지고 있는 속성(property)에 접근 할 수 있다.
예) myNumber.length;
—> 숫자로 길이를 알려준다.
array라고 나오지 않는다!! 주의!!!
return array.unshift(element) 하면, 길이가 출력될 것이다.
return array.shift()하면. 길이만 출력될 것이다.
array.shift() 인데, 뒤에 전달인자가 필요없다. 무엇이 들어가도 0인덱스를 지워줄 것
return array.push() 하면, 길이가 출력된다.
return array.pop()하면, 삭제되는 값이 출력된다.
삭제된 array를 출력하고 싶다면, pop명령 후 array를 return 해주어야한다.
💡 삭제된 array를 출력하고 싶다고, array=array.pop()을 재할당 해준 후 array를 출력하면 array는 배열이 아닌 삭제된 값이 나올 것이다.
array.splice(삭제할 인덱스 시작값, 제거할 요소의 갯수, 그 자리에 추가될 element(들));
return array.splice(#,#,#) 하면 삭제한 element(s)가 출력된다. 그리고 기존 배열은 원하는 것들이 삭제되어있을 것이다.
Slice, join, concat, indexof includes 를 명령하더라도, 기존의 배열에는 영향이 없다.
※ 1주차때 slice와 substring의 차이점을 배웠다…substring은 문자열에서만 가능하다고 하였고, slice는 배열에서도 사용가능하다고 하였다.
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 ="iamprincess@gmail.com"
또는
user["email"]="iamprincess@gmail.com"
라고 입력하면
user는 아래와 같이 email을 포함한다.
user = {id : "princess", pw:"Iamprincess", email:"iamprincess@gmail.com"}
만약, user = {id : “princess”, pw=“Iamprincess”, email:”iamprincess@gmail.com"}
예) delete user.email
또는
delete user[“email”]
하면
user = {id : “princess”, pw=“Iamprincess”}
가 된다.
'id' in user; //true가 출력된다.
'update' in user //false가 출력된다.