JS - 데이터, 배열, 객체

JS : 웹페이지를 동적으로 조작

const == 상수 변수 의미 / 재할당 불가, 재선언 불가

변수명은 동사로 아닌 명사로 사용하는 것이 일반적

자바스크립트 예약어는 변수명으로 사용하지 않도록 조심할 것

 

데이터 타입

문자열 : " " 나 ' ' 로 정의 / 숫자, 알파벳, 공백 등 모두 텍스트화 가능

숫자 : 숫자 타입 데이터는 모든 연산 가능

문자 연산 : 더하기만 가능, 다른 연산 시도시 NaN 반환

숫자 연산 : 모든 연산이 가능, 문자와 혼합 연산시 NaN 반환

 

배열

배열 : 여러 개의 데이터를 순서와 함께 저장하는 창고

대괄호 [] 로 생성

각각의 요소는 쉼표로 구분

요소 : 배열 안에 있는 각 데이터를 부르는 명칭

인덱스 : 배열 내 위칫값을 의미

 

배열 메서드

메서드 : 어떠한 기능을 가지고 있는 명령어

array.push() 배열의 가장 뒤에 새로운 배열을 추가
array.pop() 배열의 마지막 데이터 삭제
array.includes() 특정 배열에 주어진 데이터가 존재하는지 여부 확인 / true || false 반환
array.indexOf() 특정 배열에서 주어진 데이터의 index값을 찾아 반환

 

객체

객체는 중괄호 {}를 사용해서 정의

내부의 요소는 프로퍼티로 구성(키 + 값)

Dot notiation, Bracket notation 으로 접근 가능

• Dot notation -> obj.property -> property 의 값을 가져옴
• Bracket notation -> obj["property"]

위 두가지로 새로운 프로퍼티도 생성 가능

객체 메서드

Object.keys() : 주어진 객체의 key만을 가져와 배열에 담아주는 메서드

Object.keys(객체 이름) -> '문자열' 데이터 가져옴

Object.values() 주어진 객체의 value값만을 가져와 배열에 담아주는 메서드

Object.values(객체 이름) -> '데이터 그대로' 가져옴

 

글 규격을 맞추기 위해 넣은 사진입니다.