본문 바로가기

지금, 개발하기/Javascript17

javascript] 구조분해할당(destructuring)이란? 구조분해할당(destructuring)이란? ES6에서 사용하는 문법인 Destructuring(구조 분해 할당)은 배열이나 객체의 속성을 분해서서 그 값을 개별 변수에 담아주는 javascript 표현식입니다. 말이 조금 길고 어렵죠? 아래의 간단한 예제를 보면 금방 이해가가실겁니다 ;) 1. 배열의 구조분해할당 let student = ['jiwon', 'heebin', 'minsu']; let student1 = student[0]; let student1 = student[1]; let student1 = student[2]; console.log(student1);// 'jiwon' console.log(student1);// 'heebin' console.log(student1);// 'min.. 2022. 4. 27.
Javascript] 객체의 key(프로퍼티 이름), value(프로퍼티 값) 출력하기 1. Object.keys - 특정 객체의 프로퍼티를 출력하기 const newStudent = { "1.name" : "jinee", "2.age" : 26, "3.class" : "A", "4.number" : "23", "5.birthday" : "1997-04-01", "6.emailAddress": "jinee@google.com", "7.phoneNumber": "010-1234-1234", } console.log(Object.keys(newStudent)) 프로퍼티의 이름들이 하나의 배열에 담긴다 - 프로퍼티이름과 프로퍼티 값을 같이 출력하기 const newStudent = { "1.name" : "jinee", "2.age" : 26, "3.class" : "A", "4.number" .. 2022. 1. 12.
Javascript] 함수 표현식, 화살표 함수표현식 함수 표현식 보통 자바스크립트에서는 아래와 같은 방법으로 함수를 표현합니다. 첫번째 방법처럼 그냥 함수를 선언하기도하고, 변수에 담아 함수를 표현하기도 합니다. function plus(a, b){ return a + b; } let sum = function(a, b){ return a + b; } 화살표 함수 표현식 그런데 함수표현식이 좀 길지 않나요? 자바스크립트의 최근 문법 ES^에서는 함수표현식을 축약해서 쓸 수도 있는데요 이런걸 '화살표 함수'라고 합니다. 화살표 함수 표현식은 함수 표현식을 줄여서 만든 표현입니다. 인자를 괄호 안에 넣고 화살표가 함수의 몸체를 가르키게 써주면 됩니다. let sum = (a, b) => { return a + b; } 예시를 통해 화살표 함수를 만들어 보겠습.. 2021. 10. 12.
Javascript] array(배열) vs objec(객체) 1. 배열(Array) - 배열은 대괄호[]를 이용해 선언합니다. 대괄호 안에는 'value(값)'만 입력합니다. - 배열의 값들은 element(요소)라고 부릅니다. - 배열의 요소들은 순서로 구분이 되므로, 인덱스를 이용하여(array[0]) 접근합니다. - 일반 for 반복문을 사용하여 값을 추출할 수 있습니다. - 배열의 추가: push() → 요소를 맨 뒤에 추가, unshift() → 요소를 맨 앞에 추가 - 배열의 삭제: pop() → 맨 뒤 요소를 삭제, shift() → 맨 앞 요소를 삭제 2. 객체(Object) - 객체는 중괄호{}를 이용해 선언합니다. 중괄호 안에는 'key(이름)'와'value(값)'를 입력합니다. - 객체의 값들은 property(속성)이라고 부릅니다. - 객체의.. 2021. 10. 7.

티스토리툴바