본문 바로가기

Javascript/자바스크립트 문법19

[Javascript] ES6 문법 3 - 가변 변수와 불변 변수 ES6 문법 3. 가변 변수와 불변 변수 가변 변수 : 값을 수정할 수 있는 변수 vs 불변 변수 : 값을 수정할 수 없는 변수 기존 자바스크립트 문법과 ES6 자바스크립트 문법에서 변수 사용 ES6 이전 기존 자바스크립트 문법에서는 변수 선언에 var 키워드만을 사용했지만, ES6에서는 값을 수정할 수 있는 가변 변수를 위한 let 키워드와 값을 수정할 수 없는 불변 변수를 위한 const 키워드를 사용한다. let 키워드와 const 키워드를 통해서 수정 가능/ 불가능 를 코드만 읽어도 알 수 있어 유용하다. 가변 변수 키워드 let : 읽거나 수정할 수 있음 let num = 1; num = num * 3; //num = 3 let str = '문자'; str = '다른 문자'; //str = '다.. 2023. 4. 20.
[Javascript] ES6 문법 2.2 - 객체 전개 연산자 ES6 문법 2.2 - 객체 전개 연산자 ⚠️ 들어가기 앞서 ES6 문법 2.1 - 배열 전개 연산자 를 꼭 먼저 보고 와야 합니다!!⚠️ 2023.04.01 - [Javascript/자바스크립트 기초 (문법)] - [Javascript] ES6 문법 2.1 - 배열 전개 연산자 사용방법 배열이나 객체, 변수명 앞에 마침표 세 개( ... )를 입력 (단, 배열, 객체, 함수 인자 표현식 ( [ ], { }, ( ) ) 안에서만 사용! ⭐) ES6 객체 전개 연산자 이전 사용 예시 var objectOne = { one : 1, two : 2, other : 0 }; var objectTwo = { three : 3, four : 4, other : -1 }; var combined = { one : o.. 2023. 4. 20.
[Javascript] ES6 문법 2.1 - 배열 전개 연산자 ES6 문법 2.1 - 배열 전개 연산자 전개 연산자 (Spread Operator) 전개 연산자는 독특하면서도 매우 유용한 문법이다. 이는 나열형 자료를 추출하거나 연결할 때 사용한다. 사용방법 배열이나 객체, 변수명 앞에 마침표 세 개( ... )를 입력 (단, 배열, 객체, 함수 인자 표현식 ( [ ], { }, ( ) ) 안에서만 사용! ⭐) ES6 배열 전개 연산자 이전 사용 예시 var array1 = ['one', 'two']; var array2 = ['three', 'four']; var combined = [array1[0], array1[1], array2[0], array2[1]]; //배열 요소들을 하나하나 작성 var combined = arrray1.concat(array2);.. 2023. 4. 1.
[Javascript] ES6 문법 1 - 템플릿 문자열 ES6 문법 1 - 템플릿 문자열 템플릿 문자열 템플릿 문자열 : 문자열 안에 변수와 연산식을 혼합해서 사용할 수 있는 문자열 사용방법 ` (백틱키) 사이에 변수와 연산식, 문자열을 자유롭게 사용 템플릿 문자열 사용 이전 문자열 사용 예제 //문자열 붙이기 var string1 = '안녕하세요'; var string2 = '안녕하세요'; var greeting = string1 + string2; console.log(greeting); //객체와 함께 출력 var product = {name:'도서' , price : '4200원' }; var message = '제품' + product.name + '의 가격은' + product.price + '입니다.'; console.log(message); /.. 2023. 4. 1.

티스토리툴바