눈으로 개발하는 블로그

Javascript에서는 NaN(Not a Number)은 숫자(Number)가 아닌 값입니다. 그럼 스크립트에서 확인해 보겠습니다. 숫자(Number)와 문자열(String) "a"를 곱하면 변수는 NaN가 됩니다. var result = 1 * "a"; console.log(result); --> NaN NaN(Not a Number)는 값이 아니기 때문에 비교 연산자로 비교할 수 없습니다. 그래서 isNaN() 함수로 처리하면 변수가 NaN 인지 확인할 수 있습니다. console.log(isNaN(result)); --> true 참고로 변수를 typeof로 유형(타입)을 확인하면 number으로 나오지만 값은 없습니다. console.log(typeof result); --> number

== vs === == 연산자는 두 변수의 값을 비교합니다. === 연산자는 두 변수의 값과 유형(타입)까지 비교한다. 그럼 스크립트에서 == 연산자와 === 연산자를 확인해 보겠습니다. 숫자(Number) 0과 불리언(Boolean) false을 == 연산자로 비교하면 두 변수의 값이 같다고 나옵니다. console.log(0 == false); --> true 그 이유는 Boolean false의 값이 0이기 때문입니다. Boolean true의 값은 1입니다. 숫자(Number) 0과 문자열(String) "0"을 == 연산자로 비교하면 두 변수의 값이 같다고 나옵니다. console.log(0 == "0"); --> true 그 이유는 == 연산자는 숫자나 문자를 값 자체로만 비교하기 때문에 숫자..

this vs self this는 현재 속한 함수의 객체를 참조합니다. self는 window 객체를 참조합니다. 그럼 스크립트에서 self와 this를 확인해 보겠습니다. Console를 확인해 보면 self와 this 모두 window 객체를 참조하고 있는 것을 알 수 있습니다. jQuery에서 self와 this를 확인해 보겠습니다. Console를 확인해 보면 self는 window 객체를 this는 document 객체를 참조하고 있는 것을 알 수 있습니다. Javscript Object에서 self와 this를 확인해 보겠습니다. value라는 정수 값이 있고 getValue() 메서드가 있는 객체를 생성합니다. getValue() 메서드는 this와 self를 사용하여 객체의 value을 가..

$()[0]은 jQuery에서 선택자($ - selector)로 선택된 객체에서 DOM Element를 가져올 때 사용됩니다. 즉, 배열은 선택된 객체의 DOM Element를 가지고 있습니다. 클릭1 Console를 확인해 보면 0번째 배열에 선택된 button 태그에 대한 DOM Element가 있는 것을 알 수 있습니다. 그래서 선택된 객체에 [0]이나 get(0) 메서드를 사용하면 DOM Element를 사용할 수 있습니다. console.log(objBtn[0]); console.log(objBtn.get(0)); --> button#btn1.btn --> button#btn1.btn $()[0]은 button 태그를 DOM 함수를 사용하여 가져온 것과 같습니다. var domBtn = docu..

스크립트에서 배열의 정렬은 Array 객체의 sort() 메서드를 사용합니다. ​ ​ Array Sort(배열 정렬) ​ Array 객체의 sort() 메서드 구문입니다. compareFunction은 옵션입니다. array.sort([compareFunction]); Array 객체의 sort() 메서드는 기본적으로 배열 안의 요소들을 오름차순(Ascending Order, ASC)으로 정렬합니다. const months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']; months.sort(); console.log(months..

JavaScript에서 배열은 Array 객체를 사용합니다. ​ ​ Array 객체 ​ Array 객체로 생성(new) 하면 빈 배열(Array) 객체(Object)가 생성됩니다. var ar = new Array(); console.log(ar); --> [] --> 빈 배열 객체 console.log(ar.length); --> 0 console.log(typeof ar); --> object console.log(ar instanceof Array); --> true console.log(ar instanceof Object); --> true 생성된 배열 객체의 프로토타입 체인(Prototype Chain)은 다음과 같습니다. ar > Array > Object Array 구문 ​ 스크립트에서는 ..

JavaScript에서 객체는 Object 객체, function()를 사용하여 생성할 수 있습니다. ​ ​ Object 객체 ​ Object 객체로 생성(new) 하면 객체(object)가 생성됩니다. var obj = new Object(); console.log(obj); --> {} --> 객체 console.log(typeof obj); --> object ​ typeof typeof 연산자는 객체의 타입(자료형)을 문자열로 반환합니다. ​ typeof 구문 typeof operand // or typeof(operand) 리턴되는 객체의 타입은 다음과 같습니다. Boolean은 "boolean", Number는 "number", BigInt는 "bigint", String은 "string", ..