프로그래밍/Java Script34 Java Script - Object Literal Syntax Extension Object literal syntax extension - ES6에서 추가된 기능이다. 오브젝트의 키 값을 동적으로 할당하기 위해 사용한다. let type = "employee"; let type2 = "department"; let spec = { [type] : "Lee", num : 54 }; spec[type2] = "SRE"; console.log(spec.employee); console.log(spec); [ ] 를 사용해 키 값을 동적으로 할당할 수 있다. 2022. 12. 11. Java Script - Template literals Template literals - ES6부터 추가된 기능이다. 내장된 표현식을 허용하는 문자열 리터럴이다. 표현식/문자열 삽입, 여러줄 문자열, 문자열 형식화, 문자열 태깅 등이 가능하다. function greet(user){ console.log("Hello " + user + ", Thanks"); } greet("Lee"); 문자열을 길게 나타내기 위해서는 " "와 +를 사용해 나타낼 수 있다. 중간에 변수가 많이 들어가는 경우는 코드가 복잡해진다. function greet2(user){ let user2 = "Kim"; console.log(`Hello ${user} & ${user2}, Thanks`); } greet2("Lee"); ` ` 안에 ${ }를 사용하면 변수를 가져올 수 있다... 2022. 12. 11. Java Script - Arrow function Arrow function - ES6부터 사용할 수 있다. function 키워드 대신 => 를 통해 함수를 선언할 수 있다. function print(){ console.log("Hello World"); return "Hello World"; } let input = function() { console.log("Hello World"); return "Hello World"; } 함수를 선언할 때는 대체로 이러한 형식을 사용한다. 하지만 arrow function을 사용하면 간략하게 표현 가능하다. let input4 = () => { console.log("Hello World"); return "Hello World"; } function을 생략하고, =>를 사용한다. let input2 = .. 2022. 12. 11. Java Script - Rest parameter Rest parameter - 함수에 전달된 인자의 목록을 배열로 받는 매개변수이다. 매개변수 이름 앞에 ...을 붙여 사용한다. function calc(x, y, z){ let sum = x + y + z; console.log(sum); return sum; } calc(8, 3, 4); 변수가 많이 필요한 경우, 모든 변수를 지정해 작업하기 복잡하다. 여기서 rest parameter를 사용하면 모든 변수를 지정하지 않아도 된다. function calc2(...input){ let total = 0; for (let x of input) { total += x; } console.log(total); return total; } calc2(5,8,12,6); 앞에 ...을 붙여 input을 re.. 2022. 12. 11. 이전 1 2 3 4 5 6 ··· 9 다음