- 자바스크립트에서 배열인지 확인하는 코드 작성하는 방법
Array.isArray(obj) // 반환값은 boolean값이다. 객체가 배열인 경우 true, 아닌경우 false를 반환
- for each 문
(기본 형태)
array.forEach(element => {
});
array.forEach((item, index, array) => {
});
- 데이터 타입 확인하기 위한 함수
typeof(operand) // 반환값은 operand의 타입 값을 반환함
- let과 const의 공통점
- 변수를 선언할 때 사용하는 키워드이다.
- 블록 스코프를 가지므로, 블록 외부에서는 접근할 수 없다.
- 호이스팅 되지만, 초기화 되기전에 접근할 수 없다.
- 동일 스코프 내에서 중복 선언이 불가능하다.
- 전역 스코프에서 전역 객체의 속성이 될 수 없다.
- let과 const의 차이점
- let: 언제든 내용물을 바꿀 수 있는 변수
- const: 상수
- var을 사용하면 안되는 이유
- 코드의 가독성과 예측성, 잠재적 버그를 피하기 위함
- var을 사용했을때 발생할 수 있는 문제
- var는 함수 스코프를 가지므로 블록 외부에서도 접근이 가능하다. 이로 인해 스코프의 예측이 불가능하다.
- var로 선언된 변수는 호이스팅이 되어 선언전에 접근할 수 있다. 이로인해 초기화되지 않은 변수를 사용할 경우, 버그가 발생한다.
- var로 선언된 변수는 동일한 스코프 내에서 여러번 선언할 수 있다. 이는 코드의 예측가능성을 낮추고 실수 유발의 가능성을 만든다.
- 전역 스코프에서 전역 객체의 속성이 될 수 있다. 이는 예상치 못한 상호작용을 초래할 수 있다.
- JSON.stringify()을 사용하면 대상을 JSON 문자열로 변환할 수 있다.
- window.localStorage.setItem을 사용하면 해당 위치에 데이터를 저장할 수 있다.
- JSON.parse()를 이용하면 자동으로 JSON 문자열을 자바스크립트 객체로 변환해준다.
'Javascript' 카테고리의 다른 글
[Javascript] Template Literals(템플릿 리터럴) (0) | 2024.07.10 |
---|---|
[Javascript] 화살표 함수 사용법 (0) | 2024.07.10 |
[Javascript]자바스크립트 ES6 (0) | 2024.07.10 |
DOM, localStorage, 이벤트 핸들러, 동적 DOM 조작 (0) | 2024.07.04 |