JavaScript 44

number 내장함수로 숫자를 화폐단위로 만들기(세 자리마다 콤마(,) 찍기)

숫자를 천 단위로 콤마를 찍어 표현하고 싶을 때 자바스크립트의 내장함수인 .toLocaleString('ko-KR')을 사용하면 된다. number = 1000; commaDon = number.toLocaleString('ko-KR'); console.log(commaDon) //1,000이 찍힌다 참고로 .toLocaleString()은 number 외에도 Date, Array, Object에서 여러 형태로 변경하니 관심이 있으면 찾아보자.

JavaScript 2022.03.16

slice()와 splice() 함수의 차이

여러가지가 있겠지만 가장 큰 차이는 slice()는 원본이 아닌 새로운 배열 객체를 리턴하고 splice()는 원본 배열 객체를 수정한다. 때문에 slice()는 배열을 복사하거나 배열형 객체(함수의 arguments같은 것들)를 배열화 할 때 사용된다. 참고 Array.prototype.slice() - JavaScript | MDN slice() 메서드는 어떤 배열의 begin부터 end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환합니다. 원본 배열은 바뀌지 않습니다. The source for this interactive demo is stored in a GitHub reposi developer.mozilla.org

JavaScript 2021.02.01

in 연산자 - JavaScript

in 연산자 명시된 속성이 명시된 객체에 존재하면 true를 반환한다. 구문 : 속성 in 객체명 // 배열 let trees = new Array("redwood", "bay", "cedar", "oak", "maple"); 0 in trees // true를 반환합니다. 3 in trees // true를 반환합니다. (1 + 2) in trees // true를 반환합니다. 연산자 우선 순위에 의하여 이 구문의 괄호는 없어도 됩니다. 6 in trees // false를 반환합니다. "bay" in trees // false를 반환합니다. 당신은 배열의 내용이 아닌, 인덱스 값을 명시하여야 합니다. "length" in trees // true를 반환합니다. length는 Array(배열) 객체의 ..

JavaScript 2020.11.27

구조 분해 할당(Destructing assginment) - JavaScript

구조 분해 할당(Destructing assginment) 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식. let x = [1, 2, 3, 4, 5]; //일반적인 객체 및 배열 리터럴 표현식 let [y, z] = x; //구조 분해 할당은 위와 비슷하지만 할당문의 좌변에서 사용해서 //원래 변수에서 어떤 값을 분해해 할당할지 정한다. //y는 x에 할당된 배열의 첫 번째 요소로 정의된다. //z는 x에 할당된 배열의 두 번째 요소로 정의된다. console.log(y); // 1 console.log(z); // 2 배열 구조 분해 할당 변수의 선언이 분리되어도 구조 분해 할당으로 값을 할당할 수 있다. let a, b; [a, b] = [1, 2..

JavaScript 2020.11.27

기본값 매개변수(Default parameter) - JavaScript

기본값 함수 매개변수 (Default parameter) 값이 없거나 undefined가 전달될 경우 이름붙은 매개변수를 기본값으로 초기화할 수 있다. function multiply(a, b = 1) { return a * b; } multiply(5, 2) // 10 multiply(5) // 5 multiply(5, undefined) // 5 자바스크립트에서 함수의 매개변수는 기본적으로 'undefined'이지만 어떤 때는 기본값을 특정 값으로 정해야 할 때가 있는데 그 때 기본값 함수 매개변수를 유용하게 사용할 수 있다. 파이선과는 달리 자바스크립트에서는 기본 인수가 호출 시에 평가되므로 함수가 생성될 때마다 새로운 객체가 생성된다. function append(value, array = [])..

JavaScript 2020.11.27

arguments 객체 - JavaScript

arguments 객체는 함수에 전달된 인수에 해당하는 Array 형태의 객체(유사배열)다. arguments 객체는 모든 함수 내에서 이용 가능한 지역 변수다. arguments 객체를 사용하여 함수 내에서 모든 인수를 참조할 수 있으며, 호출할 때 제공한 인수 각각에 대한 항목을 갖고 있다. 항목의 인덱스는 0부터 시작한다. //예를 들어 인수가 세 개인 함수일 경우 function f(a, b, c) { console.log(arguments[0]); console.log(arguments[1]); console.log(arguments[2]); } f('가', '나', '다') //가 //나 //다 arguments객체로 인수를 설정하거나 재할당 할 수도 있다. arguments[1] = 'new..

JavaScript 2020.11.27

Rest 파라미터(...args) - JavaScript

Rest 파라미터는 정해지지 않은 수(an indefinite number, 부정수)인 인수를 배열로 나타낼 수 있게 한다. 예시 function sum(...theArgs) { return theArgs.reduce((previous, current) => { return previous + current; }); } console.log(sum(1, 2, 3)); // expected output: 6 console.log(sum(1, 2, 3, 4)); // expected output: 10 //Rest 파라미터와 함께 다른 인수도 사용할 때 function myFun(a, b, ...manyMoreArgs) { console.log("a", a); console.log("b", b); conso..

JavaScript 2020.11.27

import와 export - ES6

#ES6에서는 내장 모듈 시스템이 생겼다(import, export) commonJS의 require과 exports와 동일한 기능이다. 모듈을 내보낼 때(export) //파일 마지막에 export default getMsg; 모듈을 가져올 때(import) //파일 처음에 import getMsg from './getMsg'; default는 사실 안 써도 된다. default를 쓰는 이유는 여러개의 함수를 내보낼 때가 아니라 하나의 함수만 내보낼 때 default를 쓰면 다른 파일에서 함수를 가져와서 사용할 때 객체에서 함수를 꺼내 쓰는게 아니라 같은 파일에서 만든 함수를 사용하듯이 사용할 수 있다. Bundler 의존성이 있는 여러개의 파일들을 하나의 파일로 만들어주는 것. 번들러를 사용하면 ht..

JavaScript 2020.11.23