코딩일상

JavaScript의 자료형 자료형 자바스크립트에서 값은 항상 문자열이나 숫자형 같은 특정한 자료형에 속해있다. 자바스크립트에는 크게 8가지의 기본 자료형이 있다. 숫자형 bigint 문자형 불린형 null undefined 객체형 심볼형 추가정보들 undefined와 null의 차이 ==,===의 차이 자바스크립트의 변수는 자료형에 관계없이 모든 데이터 일수 있다. 어떤 순간에는 문자열일수도 있고, 다른 순간에는 숫자가 될 수도 있다. // no error let message = "hello"; //문자열 message = 123456;//숫자열 위 코드와 같이 자료의 타입은 있지만 변수에 저장되는 값이 언제든 바뀔수 있는 언어를 동적타입언어라고한다. 그리고 자바스크립트가 동적타입언어라고 불리는 이유..

undefined와 null의 차이 undefined은 변수를 선언하고 값을 할당하지 않은 상태, null은 변수를 선언하고 빈 값을 할당한 상태(빈 객체)이다. 즉, undefined는 자료형이 없는 상태이다. 따라서 typeof를 통해 자료형을 확인해보면 null은 object로, undefined는 undefined가 출력되는 것을 확인할 수 있다. typeof null // 'object' typeof undefined // 'undefined' null === undefined // false null == undefined // true null === null // true null == null // true !null // true isNaN(1 + null) // false isNaN(..

NaN 판별 NaN은 다른 모든 값과 비교(==, !=, ===, !==)했을 때 같지 않으며, 다른 NaN과도 같지 않습니다. NaN의 판별은 Number.isNaN() 또는 isNaN()을 사용하면 제일 분명하게 수행할 수 있습니다. 아니면, 오로지 NaN만이 자기자신과 비교했을 때 같지 않음을 이용할 수도 있습니다. NaN === NaN; // false Number.NaN === NaN; // false isNaN(NaN); // true isNaN(Number.NaN); // true function valueIsNaN(v) { return v !== v; } valueIsNaN(1); // false valueIsNaN(NaN); // true valueIsNaN(Number.NaN); // ..

레퍼런스 String.prototype.split() - JavaScript | MDN split() 메서드는 String 객체를 지정한 구분자를 이용하여 여러 개의 문자열로 나눕니다. developer.mozilla.org [Javascript] 문자열을 배열로 변환 (split 함수) 문자열을 일정한 구분자로 잘라서 각각의 문자열을 배열로 저장하는 방법을 알아보도록 하겠습니다. 문자열을 일정한 구분자로 잘라서 배열로 저장하기 위해서는 split() 함수를 사용합니다. sp hianna.tistory.com

레퍼런스 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/filter Array.prototype.filter() - JavaScript | MDN filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다. developer.mozilla.org https://7942yongdae.tistory.com/49 Javascript - Array filter 사용법 이번에는 Javascript의 array가 가진 filter 함수의 정의와 사용법 더불어 활용법에 대해 이야기해보려고 합니다. array의 함수 중 가장 많이 쓰이는 함수 중 3 대장이라고 할 수 있는 것..

정의 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다. 여러줄로 이뤄진 문자열과 문자 보간기능을 사용할 수있다. 사용의 장점으로는 아래의 이미지들과 같다. 이용을 하게되면 -가독성이 좋은 코딩이 된다. 레퍼런스 Template literals - JavaScript | MDN 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있습니다. 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문 developer.mozilla.org

무슨 차이일까 궁금해서???? toString string 차이점 둘다 다같이 문자열로 형변환을 해주는 요소인것을 알고있었는데 알아보니 아래와 같은 차이가 있어 포스팅을 한다. 레퍼런스 String - JavaScript | MDN String 전역 객체는 문자열(문자의 나열)의 생성자입니다. developer.mozilla.org String.prototype.toString() - JavaScript | MDN toString() 메서드는 객체의 문자열 표현을 반환합니다. developer.mozilla.org toString() 과 String() 형변환의 차이? 개발할때 문자열로 형변환을 시킬때 String()을 사용하지만 가끔 toString()을 사용했기때문에 정확히 어떤 차이가 있는지 궁금했..

reduce함수에대해 깔끔하게 가장 잘 정리 한것같은 이미지를 첨부하며 같이 보며 좋은 레퍼런스들을 첨부하였다. [1,2,3,4,].reduce(function (a, b) {return a * b},10) 레퍼런스 Reduce에 관한것 Array.prototype.reduce() - JavaScript | MDN reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다. developer.mozilla.org [JS] 자바스크립트 배열의 합계, 평균 구하기 📌 배열의 합계, 평균 구하기 자바스크립트에서 배열의 합계와 평균을 구하는 방법으로 reduce( )를 사용하면 된다. 또한, 배열의 역순으로 연산을 원할 때는 reduceRight(..

레퍼런스 삼항 조건 연산자 - JavaScript | MDN 조건부 삼항 연산자는 JavaScript에서 세 개의 피연산자를 취할 수 있는 유일한 연산자입니다. 맨 앞에 조건문 들어가고. 그 뒤로 물음표(?)와 조건이 참truthy이라면 실행할 식이 물음표 뒤로 들어 developer.mozilla.org [Javascript] 삼항연산자 자바스크립트 삼항 연산자는 참/거짓에 따라 선택적으로 실행되는 조건문이다. 상항연산자는 조건문 ? 선택문1:선택문2 로 구성된다. 조건문이 참이면 선택문1을 실행하고, 조건문이 거짓이면 velog.io