본문 바로가기

웹/JavaScript28

인수 매개변수 파라미터(parameter) 아규먼트(argument) 차이 인수, 파라미터 모두 매개변수이지만 엄밀히 따지면 의미하는 뜻은 다르다. 파라미터(parameter) : 함수 선언에서 정의한 변수 인수(argument) : 함수를 호출할 때 넘겨주는 값 function addNum(x, y) { // (x, y) : parameter 파라미터 return x + y; } addNum(1, 2); // (1,2) : argument 아규먼트 function restParam(param1, param2, ...rest) { // parameter console.log(param1); //1 console.log(param2); //2 console.log(rest); //[3,4,5,"rest!";] } restParam(1, 2, 3, 4, 5, 'rest!'); //.. 2021. 1. 16.
ES6. Template(`) 백틱 tagged template literals 템플릿 리터럴 ` 백틱을 이용해 표현식을 넣을 수 있다. muilti-line string 표현이 쉬움 \n을 사용하지 않아도 엔터로 개행이 인식됨 따옴표와 이중 따옴표를 문자열로 표현하기 쉬움 문자열과 변수를 함께 쓰기 쉬움 json과 같은 문자열을 dom과 함께 섞어 쓸 때 편함 형태 `${표현식}` 문자열과 변수를 같이 사용할 때 편리 const hello = 'hello'; //es6 이전 console.log(hello + ' world'); //es6 이후 console.log(`${hello} world`); var str = "'hello js'" + ' "안녕 자바스크립트!"'; let str2 = `'hello js' "안녕 자바스크립트!"`; console.log(str);//'hel.. 2021. 1. 16.
ES6. map Array.prototype.map() const arr = [1, 2, 3, 4]; const maparr = arr.map(x => x + 10); console.log(maparr);//11, 12, 13, 14 기존 배열을 복사해 새로운 배열을 만들 때 사용 제곱근 만들기 const numbers = [4, 9, 16, 25]; const result = numbers.map(Math.sqrt); console.log(resulr); //2,3,4,5 var anims = [ { id: 1, title: "귀멸의 칼날" }, { id: 2, title: "주술회전" }, { id: 3, title: "강철의 연금술사" }, { id: 4, title: "하이큐" } ]; var titles = a.. 2021. 1. 11.
ES6. WeakSet() 구문 new WeakSet(); 참조를 가지고 있는 객체만 저장 가능 let arr = [1, 2, 3, 4]; let ws = new WeakSet(); ws.add(arr); ws.add(1);//TypeError : Invalid value~.. ws.add('1');//TypeError : Invalid value~.. ws.add(null);//TypeError : Invalid value~.. ws.add(undefined);//TypeError : Invalid value~.. ws.add(function () { }); console.log(ws); 2021. 1. 9.
ES6. new Set() 선언 방법 let mySet = new Set(); new 키워드를 통해 인스턴스를 만듦 Set 데이터 추가하기 let mySet = new Set(); let arr = []; arr.push(1); arr.push(2); arr.push(2); console.log(arr);//[1, 2, 2] mySet.add(1); mySet.add(2); mySet.add(2); console.log(mySet);//{1, 2} Set()을 사용하면 중복 없이 유일한 값을 저장할 수 있다. 데이터 유무 체크하기 //Set 사용 안 하고 값이 있는지 없는지 체크할 때 let arr = [1, 2, 3]; var isTrue = false; arr.forEach(num => { if (num == 5) isTrue.. 2021. 1. 8.
ES6 Destructuring 구조 분해 할당 배열이나 객체의 속성을 분해해 그 값을 변수에 담을 수 있게 하는 표현식 기본 형태 let users = ['Nami', 'Nunu', 'Lux']; let [user1, user2, user3] = users; console.log(user1);//Nami console.log(user2);//Nunu console.log(user3);//Lux /* let user1 = users[0]; let user2 = users[1]; let user3 = users[2]; */ 문자열 자른 후 변수에 담기 let str = 'Nami-Nunu-Lux'; let [user1, user2, user3] = str.split('-'); console.log(user1);//Nami console.log(user2.. 2021. 1. 7.

티스토리툴바