본문 바로가기
반응형

javascript3

[JS] toLocaleString() 날짜와 숫자의 현지화(천단위 콤마) [JS] toLocaleString() 날짜와 숫자의 현지화(천단위 콤마) 자바스크립트 날짜와 숫자의 현지화 ( = 숫자 천단위 콤마 찍기) 숫자타입의 변수에만 콤마(,)를 찍는다. 문자열타입의 숫자는 콤마를 찍지 않으니 참고! // 날짜 데이터 현지화 const date = new Date(); console.log(date) // Thu Jul 06 2023 14:27:17 GMT+0900 (한국 표준시) const localDate = date.toLocaleString(); console.log(localDate) // '2023. 7. 6 오후 2:27:17' // 숫자 타입 현지화(천단위 콤마) const number = 1000 const string_number = '1000' // 숫자타.. 2023. 7. 6.
[JS ES6] 자바스크립트 new 연산자와 생성자 함수 (Javascript new operator & constructor function) [JS ES6] 자바스크립트 new 연산자와 생성자 함수 (Javascript new operator & constructor function) 자바스크립트로 개발을 하다 보면 유사한 객체를 여러 개 만들어야 할 때가 생기곤 한다. 그럴 때 사용할 수 있는 방법 중 하나가 new 연산자와 생성자 함수이다. 함수를 호출할 때 new 연산자를 함께 사용하면, return문 없이도 객체를 반환시킨다. 호출된 생성자 함수 내에서 this를 사용해 반환되는 객체의 초기 값과 행위를 정의할 수 있다. 1. 생성자 함수(constructor operator) 생성자 함수와 일반 함수에 기술적인 차이는 없다. 하지만 생성자 함수는 두 개의 관례를 따른다. 1. 생성자 함수의 이름 첫글자는 대문자로 시작해야 한다. 2... 2022. 11. 28.
[JS ES6] 자바스크립트 구조 분해 할당(Destructuring assignment) [JS ES6] 자바스크립트 구조 분해 할당(Destructuring assignment) 🧐 JS 구조 분해 할당(Destructuring assignment)이란? 개발할 때 키를 가진 데이터 여러 개를 하나에 저장할 땐 객체를, 데이터를 순서대로 저장할 땐 배열을 사용한다. 이 배열과 객체의 전체 또는 일부를 함수로 전달해야 할 때 사용한다. 구조 분해 할당(Destructuring assignment)을 통해 객체나 배열을 '변수'로 분해할 수 있게 도와주는 특별한 문법인 것이다. 1. 배열(Array) 안에 있는 데이터를 변수에 담는 방법 1-1. 기존 방법 // 배열 안에 있던 데이터를 변수에 담는 기존 방법 const arr = [1,2,3]; const a = arr[0]; const b .. 2022. 8. 5.
반응형