JavaScripte기초 -4

📌객체 리터럴
객체를 구성하는 속성(값 or 기능)의 이름과 실제값을 한쌍으로 묶어 표현 하는 객체 리터럴을 사용하면 객체 생성 가능
이때, 속성의 이름은 key, 속성의 실제 값은 value
(key는 중복 될 수 없다, value 중복 가능)
ex.

const cat = {
	name:""
    town:""
}
속성값 확인 방법
console.log(cat.town) or cat[name]

📌JSON이란?
자바스크립트 객체 표기법(Java Object Notation)으로 자바스크립트 객체를 문자열로 표현하는 데이터 포맷
(자바스크립트 에서만 사용할 수 있는 객체 타입을 다른 프로그래밍 언어에서도 사용할 수 있는 형태(문자열)로 변환하기 위해 사용한다.)

JSON현태로 변환하기 위해서는 객체 키와 문자열을 ""로 묶어야 한다. 나머지는 그대로 표기
(==> 일일이 하기에 불편하기 때문에 --> 내장객체 사용)
stringify : 객체 -> json(undefined, 함수 등은 생략 or null로 반환)
parse : json -> 객체

📌window.localStorage : 현재 도메인의 로컬 저장소에 접근할 수 있게 해준다.
-로컬 저장소는 웹브라우저에서 각 도메인에 대해 할당해 주기 때문에 데이터를 영구히 보관 가능
(데이터 보관시에는 데이터 이름과 실제 값을 각각 저장, 데이터 타입은 문자열 형태!!만 허용 된다.)
사용법
setItem : key, value를 전달 받아 저장(setItem("key", "value"))
getItem : 전달 받은 key에 해당하는 value를 반환( getItem("key") )
removeItem : 전잘 받은 key에 해당 하는 data삭제 ( removeItem("key") )
clear : 모든 data삭제 ( clear() )

📌배열 메서드 - 콜백 함수를 사용하는 대표적인 메서드

📍forEach : 배열의 각각의 요소에 대해 콜백을 호출
📍map : 배열의 각각의 요소에 대해 콜백을 호출한 결과를 모아 새로운 배열을 반환
📍filter : 배열의 각각의 요소에 대해 콜백을 호출한 결과 true를 반환하는 모든 요소들을 모아새로운 배열로 반환