# REST AND SPREAD

4개의 포스트
post-thumbnail

REST AND SPREAD - Rest + Spread + Destructure Magic

출처 : Nomadcoders ES6의정석 이번 포스트에서는 우리가 배웠었던 rest, spread, destructuring을 조합하여 사용하는 예시를 살펴보자. 세 가지 경우를 간단한 예시로 살펴볼텐데, 간단한 예시를 통해 알아보자. 1. 오브젝트의 속성을 제외시켜야되는 경우 우리는 user 객체에 password속성을 없애는 작업을 하고 싶다고 가정하자. 구조분해할당과 rest를 통해 password와 rest를 분리후 rest만 리턴하여 password를 제외할 수 있다. 2. 속성에 기본값을 지정하는 경우 이번엔 우리는 country라는 속성을 기본값을 지정하여 추가한다고 가정

2023년 1월 2일
·
0개의 댓글
·
post-thumbnail

REST AND SPREAD - Intro to Rest Parameters

출처 : Nomadcoders - ES6의 정석 ...(Spread syntax)에 이은 rest를 알아보자. rest parameter 는 정의되지 않은 나머지변수들을 하나의 배열안에 담는다. 용법은 spread syntax와 유사하게 ...를 붙여 사용한다. 그리고 이름에서 알수 있듯이 나머지 매개변수이기 때문에 가장 마지막에 위치해야한다. 위 예시를 보면 우리는 infinitArgs함수에 많은 인자들을 전달했다. 기존과 같은 형태라면 우리는 들어온 인수에 맞게 매개변수를 지정해줘야만 맞다. 하지만 rest로 인해 필요한 데이터를 분리한 나머지 인자들을 하나의 변수에 담을 수 있게 되었다. 그리고 re

2022년 12월 26일
·
0개의 댓글
·
post-thumbnail

REST AND SPREAD - Spread Applications

출처 : Nomadcoders ES6의정석 이전 포스트에서 다뤘던 SPREAD에 관해 몇가지 예시를 추가로 알아보려고 한다. spread operator로 우리는 복수의 배열 혹은 객체를 하나의 배열 혹은 객체로 합칠때 유용하게 쓸 수 있었다. 메서드를 사용하지 않고 앞 과 뒤에도 붙일 수 있었다. 우리는 여기서 한가지 유형을 더 알아볼건데, 선택적데이터 유형일때를 알아볼것이다. 예를들어 유저로부터 어떤 데이터를 받을때 아무런 데이터를 보내지않았다고 할때 그 값을 배열이나 객체에 넣고 싶지 않으며, 입력이 있을때에만 추가하고 싶다고 가정하자. 입력값이 있을때 입력값이 없을때 ![](https://velo

2022년 12월 22일
·
0개의 댓글
·
post-thumbnail

REST AND SPREAD - Introduction to Spread

출처 : Nomadcoders ES6의정석 이번 섹션은 spread 와 rest를 알아볼것이다. 둘 중에 우선 spread에 대해 알아보자. spread가 무엇이냐면, 배열 혹은 오브젝트와 같이 반복가능한 데이터에 대해 개별요소로 분리하여 배열 혹은 객체에 사용할 수 있다. 예시를 보자. 우리는 numbers와 alphabets 두개의 배열을 합쳐 하나의 배열로 만들고 싶다고 가정하자. 위처럼 + 를 사용했을때는 우리 원하는 결과가 아닌 두개의 배열이 합쳐진 문자열을 보게될 것이다. 우리가 원하는 형태의 데이터를 만들기 위해서 우리는 기존에 배열에 관한 메서드들을 사용해 분해하고 다시 배열을 만들고 배열안에

2022년 12월 21일
·
0개의 댓글
·