본문 바로가기

Javascript39

Javascript - Spread Operator 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. Spread Operator Spread Operator 란? 특정 배열의 element를 하나씩 분리하여, 다른 배열의 element와 합칠 수 있는 기능이다. //Spread Operator를 사용하지 않고 concat( ) 함수를 사용하는 경우 var arr1 = [4,5,6]; var arr2 = [1,2,3]; var arr3 = arr1.concat(arr2); console.log(arr3); // 결과 : [4, 5, 6, 1, 2, 3] //이처럼 concat( ) 함수를 사용하면 두 배열을 합칠 수 있다. //그러나 arr1 배열의 마지막 .. 2021. 9. 30.
Javascript - Object Literal Syntax Extension 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. Object Literal Syntax Extension Object Literal Syntax Extension 이란? Object Literal Syntax Extension은 오브젝트의 키 값을 동적으로 만드는 기능이다. //Object Literal Syntax Extension을 사용하지 않는 일반적인 오브젝트의 경우 var person = { firstName: "John", lastName: "Kim" }; console.log(person.firstName); // 결과 : John //여기서 firstName와 lastName은 오브젝트의 키.. 2021. 9. 30.
Javascript - Template Literals 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. Template Literals Template Literals 이란? Template Literals는 문자열의 결합을 간소화시켜주는 기능이다. //Template Literals을 사용하지 않는 경우 - 일반적인 함수 구조 function hello(name){ console.log("Hello " + name + ". Welcome!"); } hello("James"); // 결과 : Hello James. Welcome! //Template Literals을 사용하는 경우 - 문자열 결합의 편리함 function hello2(name){ console.. 2021. 9. 30.
Javascript - Arrow Function 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. Arrow Function Arrow Function 이란? Arrow Function을 사용하면, 함수의 구조를 간소화할 수 있다. //일반적인 함수 구조 function hello( ){ console.log("Hello World"); return "Hello World"; } hello( );// 결과 : Hello World //함수를 변수로 선언하는 경우의 일반적인 함수 구조 var hello = function( ){ console.log("Hello World"); return "Hello World"; } hello( );// 결과 : Hel.. 2021. 9. 30.
Javascript - Rest Parameter 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. Rest Parameter Rest Parameter 란? 함수의 n개 Parameter를 한 번에 처리하는 기능이다. //Rest Parameter를 사용하지 않는 경우 function sum(x1, x2){ var y = x1 + x2; console.log(y); return y; } sum(5, 7);// 결과 : 12(파라미터 2개의 합) function sum2(x1, x2, x3){ var y = x1 + x2 + x3; console.log(y); return y; } sum2(5, 7, 3);// 결과 : 15(파라미터 3개의 합) funct.. 2021. 9. 30.
Javascript - Default Function Parameter 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. Default Function Parameter Default Function Parameter 란? 함수의 전달 인자가 없는 경우, Default Function Parameter가 이를 대신한다. //EcmaScript 6버전의 Default Function Parameter 기능을 사용하지 않는 경우 function say(message){ if(message != undefined){ console.log(message); }else{ console.log("파라미터가 넘어오지 않았어요."); } } say("안녕하세요");// 결과 : 안녕하세요 s.. 2021. 9. 27.

티스토리툴바