본문 바로가기
    <

JavaScript4

[ES6] 2. 객체 1. shorthand property - 기존의 객체 표현 let name = "yeeeh"; let phone = "010-0000-0000"; let age = 20; let person = { name: name. phone: phone, age: age, } - shorthand property : 객체의 속성(property)과 값(대입하는 변수명)이 같으면 생략 가능 let name = "yeeeh"; let phone = "010-0000-0000"; let age = 20; let person = { name, phone, age } // 속성과 값이 다른 경우도 추가 가능 let person = { name, phone, age, address: "my address" } 2. conc.. 2022. 5. 9.
[ES6] 1. let과 const, template literal, shorthandproperty 1. let과 const - 변수 : 선언, 초기화, 할당 단계를 거친다. 구분 선언위치/scope 재선언 재할당 선언,초기화,할당 var 변수 function o o 선언+초기화 let 변수 { } 단위 x o 선언, 초기화, 할당 const 상수 { } 단위 x x 선언+초기화+할당 - var변수는 해당 변수가 선언된 function를 scope로 하기 때문에 어려운 상황이 발생할 수 있다. - 재선언이 되지 않는 let 변수를 사용하자. - 상수의 처리는 const를 이용한다. 2. template literal ` ` (백틱)을 이용한 기능 1) 문자열 처리 이스케이프 문자없이 여러 줄의 문자, 개행, 따옴표 사용 등이 가능하다. 2) 변수 및 함수 사용 ${변수명}, ${함수호출} 을 이용하여 .. 2022. 5. 9.
[JavaScript] 기본 문법 - 함수(Function) (⭐⭐⭐⭐⭐) 1. 선언 / 호출 - JavaScript 에서 함수는 일급 객체이다. 따라서 다음과 같은 사용이 가능하다. -> 변수, 객체, 배열 등에 함수를 저장 -> 다른 함수에 전달하는 전달인자(콜백함수) -> 리턴값 - 프로그램 실행 중 동적으로 생성 가능하다. - 함수 정의 방법 1) 함수 선언문 function 함수이름(매개변수1, 매개변수 2, ..., 매개변수 n){ // 함수 내용 } -> Java 와 다르게 JavaScript에서는 함수의 return type 이 없다. 2) 함수 표현식 let 변수이름 = function (매개변수1, 매개변수 2, ..., 매개변수 n){ // 함수 내용 } 3) Function 생성자 함수 let 함수이름 = new Function("매개변수1", "매개변수2.. 2022. 3. 9.
[JavaScript] 자바스크립트 Arrays 와 주요 메서드 📍 Arrays - 자바스크립트의 Array는 자바의 list와 비슷하다. - 배열 생성 방법 let array = [item1, item2, ...]; 📍 주요 메서드 1. push() - 정의: push()는 배열의 가장 마지막에 요소를 추가한다. - 리턴 값: 배열의 새로운 길이 - 문법 array.push(item1, item2, ... , itemX) - 사용 예시 let langs = ["Java", "JavaScript"]; langs.push("C"); // push 후 -> langs = ["Java", "JavaScript", "C"] 2. unshift() - 정의: unshift()는 배열의 가장 처음에 요소를 추가한다. unshift()는 기존의 배열을 덮는다.(overwrite).. 2022. 3. 9.

티스토리툴바