본문 바로가기

JavaScript/JavaScript22

[JavaScript] var, let, const 차이 ⭐ var 1. variable(변수) 2. 재선언 가능 ex) var a = 1; console.log(a); // 1 var a = 10; console.log(a); // 10 3. 재선언이 가능하기 때문에 이미 선언한 변수 이름에 다른 값을 넣어 선언하면 다른 값이 출력된다. ex) var name = 'cat'; console.log(name); // cat var name = 'dog'; console.log(name); // dog 4. 재할당 가능 ex) var a = 1; console.log(a); // 1 a = 10; console.log(a); // 10 5. 호이스팅(Hoisting) 가능 var은 선언 단계와 초기화 단계가 한번에 이루어진다. 🔥 호이스팅(Hoisting)이란?.. 2021. 11. 20.

[JavaScript] 다양한 배열 메소드 🍭 push 배열 뒷부분에 값을 삽입한다. var arr = ["a", "b", "c", "d"]; arr.push("e"); console.log(arr); // ["a", "b", "c", "d", "e"] 🍭 pop 배열 뒷부분의 값을 삭제한다. var arr = ["a", "b", "c", "d"]; arr.pop(); console.log(arr); // ["a", "b", "c"] 🍭 shift 배열 앞부분의 값을 삭제한다. var arr = ["a", "b", "c", "d"]; arr.shift(); console.log(arr); // ["b", "c", "d"] 🍭 unshift 배열 앞부분에 값을 삽입한다. var arr = ["a", "b", "c", "d"]; arr.unshift.. 2021. 11. 18.

유사 배열 객체(Array-Like Object) 🚜 유사 배열 객체(=연관 배열) 배열과 비슷한 객체. length 프로퍼티를 가진 객체를 유사 배열 객체(Array-Like Object)라고 한다. DOM에서 가져온 element들 대표적인 예로 들 수 있다. let Object = { 0: 'a', 1: 'b', 2: 'c', length: 3 } 유사 배열 객체는 위와 같이 length 프로퍼티를 가지고 있다. 주된 용도는 key로 값을 뽑아내는 것이다. JavaScript에서는 객체를 연관 배열로 사용하는 것이 정석이라고 한다. console.log 찍어서 개발자 도구로 확인 할 수 있다. 🚜 특징 객체임에도 불구하고 JavaScript의 표준 배열 메소드를 사용할 수 있다. 유사 배열 객체는 배열이 아니기 때문에 배열 메서드를 사용할 수 없다.. 2021. 11. 18.

얕은 복사, 깊은 복사 🎪 얕은 복사 바로 아래 단계의 값만 복사하는 것 🎪 깊은 복사 내부의 모든 값들을 하나하나 찾아서 전부 복사하는 것 👉🏻 깊은 복사를 하는 방법 1. 객체의 깊은 복사를 수행하는 범용 함수 사용하기 var copyObjectDeep = function(target) { var result = {}; if (typeof target === 'object' && target !== null) { for (var prop in target) { result[prop] = copyObjectDeep(target[prop]); } } else { result = target; } return result; } 이 함수를 사용해 객체를 복사한 다음에는 원본과 사본이 서로 완전히 다른 객체를 참조하게 되어 어느 쪽.. 2021. 11. 17.

immutable.js, baobab.js 불변 객체의 규칙을 따르는 방법으로는 시스템적으로 제약을 거는 편이 제일 안전하다. 모두가 그 규칙을 따르지 않고는 프로퍼티 변경을 할 수 없게끔 시스템적으로 제약을 거는 것이다. immutable.js, baobab.js 등의 라이브러리가 유용하다. 이 라이브러리들은 자바스크립트 내장 객체가 아닌 라이브러리 자체에서 불변성을 지닌 별도의 데이터 타입과 그에 따른 메서드를 제공한다. 2021. 11. 17.

arrow function에서 { }(중괄호)가 있고 없고의 차이 🍤 (number) => {return number + 10} return을 명확하게 작성해주어야함. 아니면 undefined로 인식을 함! 👉🏻 중괄호를 써야하는 경우 : 여러 줄을 작성하고 싶을 때 (number) => { // 추가적인 로직 return number + 10 } 🍤 (number) => number + 10 하나의 값으로 딱 떨어지는 경우에는 return을 안 써줘도 됨! 2021. 11. 16.

이전 1 2 3 4 다음

티스토리툴바