본문 바로가기

Frontend/Javascript

[][][] 화살표함수 객체

객체

중괄호를 작성하고 키와 값으로 구성된 프로퍼티가 들어감

각 프로퍼티는 쉼표로 구분하고, 마지막 쉼표는 없어도 되지만 있는게 수정/삭제/이동 시 용이

객체의 접근은 . 또는 [ ] 사용

// 객체 작성
const human = {
  name:'mark',
  age:33,
}

// 객체 접근, 추가, 삭제
human.name  // mark (접근)
human['age'] // 33 (접근)
human.gender = 'male'; // (추가)
human['hairColor'] = 'black; // (추가)
delete human.hairColor; // (삭제)

 

단축 프로퍼티

프로퍼티 이름과 변수명 동일하기 때문에 축약 사용 가능

in 프로퍼티가 존재하는지 확인

 

메서드 : 객체 프로퍼티로 할당된 함수 = 객체 안에 선언된 함수 / 단축구문 가능 - 펑션 생략

 

this

 

 

 

매개변수로 받은 값은 복사된 후 함수의 지역변수가 됨


반환하는 함수
아무것도 반환하지 않는 함수의 값을 변수에 저장 후 출력하면 undefined 반환

 

 

 

숫자형 + 문자형 연산 -> 결과는 문자형이 됨



NaN : Not a Number

숫자 관련 작업 시 NaN이 아닌지 항상 염두하며 작업해야 함



typeof : 다른 개발자가 작성한 변수의 타입을 알아야 하거나, API 통신 등을 통해 받아온 데이터를 타입에 따라 다른 방식으로 처리해야 하는 경우 사용



typeof null; -> 객체형으로 나오지만 사실 null은 객체가 아님 (하위 호환성때문에 수정하지 않는다고 함)

'Frontend > Javascript' 카테고리의 다른 글

배열  (0) 2021.12.08
조건문과 반복문  (0) 2021.12.08
비교연산자와 논리연산자  (0) 2021.12.07
형변환  (0) 2021.12.07
데이터 입력과 출력 / alert  (0) 2021.12.07