JAVASCRIPT39 자바스크립트 - Spread 와 rest Spread Spread 는 객체나 배열의 요소들을 펼쳐본다는 개념으로 사용되는 문법이다. 아래의 객체가 있다고 가정하자. const student = { name : `김구름` }; 예시를 들기 위해 키 값을 하나만 설정했지만, 만약 이 객체 키의 갯수가 100개가 넘어가는 방대한 양이라고 가정해보자. 여기서 위의 객체가 가지고 있는 속성들을 모두 포함하면서 플러스 알파로 확장된 객체를 만들고 싶을 땐 어떻게 해야 할까? (OOP 에서 상속의 개념인 듯 하다.) // 아래의 univStudent 객체에 student 객체가 가지고 있는 속성들을 모두 포함하면서, // univStudent 만의 속성을 추가하려면 어떻게 해야할까? const univStudent = { } 이럴때 쓸 수 있는게 Sprea.. 2022. 2. 5. 자바스크립트 - 구조분해 할당(destructuring assignment) 비구조화 할당(destructuring assignment - 구조분해 할당) 배열의 인덱스 혹은 객체의 키를 기준으로 변수의 값이 자동적으로 할당되는 방법이다. (변수를 한번에 선언해주는 방법) 다음과 같은 객체가 있다고 가정해보자. const song = { author : '비', date : '2020-05-31', title : '깡', body : '화려한 조명이 나를 감싸네에에에에에' }; 여기서 song 이라는 객체를 destructuring 한다면 다음과 같이 코드를 작성해 줄 수 있다. const {author, date, title, body} = song; console.log(author, date, title, body); 결과 : 비 2020-05-31 깡 화려한 조명이 나를 .. 2022. 2. 5. 자바스크립트 - JS 에서의 배열 자바스크립트 에서의 배열 자바스크립트 에서의 배열은 다른 언어에서 처럼 명확한 자료형으로서의 배열이 아니라, 배열이라는 자료형을 흉내낸 객체이다. 한번 확인해보자. const numarr = [1,2,3,4]; console.log(typeof numarr); 결과 : object -> 자바스크립트에서의 배열은 자료형이 아니라 객체에 불과하다. 배열의 길이 배열의 길이를 알아낼 때는 .length 함수를 사용할 수 있다. const numarr = [1,2,3,4]; console.log(numarr.length) 결과 : 4 그런데 여기서 문제, 자바스크립트 에서는 배열의 길이와 배열에 있는 요소의 갯수(개발자가 직접 초기화해준 요소들) 가 같은 말일까? 다른 말일까? 아래의 코드를 보자. const .. 2022. 2. 5. 자바스크립트 - 화살표 함수(arrow function) 화살표 함수(arrow function) 기존의 함수에 대한 정의를 좀 더 간결하게 할 수 있는 ES6 의 새로운 문법이다. 지금까지는 아래와 같이 함수의 이름이 있다면 이름을 정의하고, 함수의 입력값으로 들어오는 인자값과 반환값 까지 모두 작성해주는 방식으로 함수를 작성해왔다. function add(num1, num2){ return num1+num2 } let num1 = 10; let num2 = 20; let result = add(num1, num2); console.log(result); 결과 : 30 여기서 화살표 함수를 활용하면 위의 함수를 좀 더 간결하게 작성해 줄 수 있다. 화살표 함수는 이름이 없다. 즉, 익명 함수이다. 소괄호 안에 매개변수를 작성하고, => 를 입력한 다음 중괄호.. 2022. 2. 5. 이전 1 ··· 5 6 7 8 9 10 다음
