# Rest parameters

husbumps

자바스크립트 완벽 가이드 7판 스터디 > 책의 목차를 따라가며 관련 내용을 학습하고 공유하는 스터디입니다. 1. Function Definition - 함수 정의 2. 함수 호출 3. Default Parameters 4. Rest Parameters, Arguments 5. Arrow Function - 화살표 함수 6. Execution Context - 실행컨텍스트 7. This 1. Fu

nuyhes

JavaScript 1. function- input output > function name(parameter1,parameter2,... ){실행문(코드)} = 특정 기능을 수행하도록 작성된 코드 블록 ex)01 *밖으로 printHello(); 함수를 불러와야 실행이 된다. > 결과 값 : Hello ex)02 *파라미터로 메세지를 전달하면 전달된 메세지가 나옴 > 첫번째 결과 값 : hi sehyeon 두번째 결과 값 : hi joo 2. parameters 파라미터(매개변수) 함수를 정의할 때 나열된 변수를 뜻하며, 함수를 호출 할 때 input되는 데이터를 가르키기 위해 사용된다. 매개변수(parameter, 파라미터)는 변수의 특별한 한 종류로서 함수 등에 input으로 제공되는 데이터를 말한다. 매개변수는 하나의 속성값을 받을 수도 있고, object를 받을 수도 있다. 매개변수의 기본값도 미리 설정해 매개변

aimzero9303

공부하기 전에.. 이름을 콘솔로 찍어주는 함수를 만들었다. 다음과 같이 콘솔을 찍어보면 결과는 어떻게 나올까? 첫번째와 두번째 경우에는 '준영'만 콘솔에 찍힌다. 하지만 알 수 있는 점은 함수에 인수를 전달하는 개수의 제한이 없다는 것이다. 따라서 인수의 개수를 정해놓은 함수여도 그 개수를 정확히 맞출 필요는 없다. 심지어 아무것도 전달하지 않아도 에러는 뜨지 않는다. 다만 undefined 만 찍힐 뿐... > 그렇다면 함수에 인수를 막는 방법은 없는걸까? 첫번째 방법은 arguments 로 접근하는 방법과, 다른 하나는 나머지 매개변수 를 사용하는 것이다. (나머지 매개변수는 ... 으로 표현한다) 과거에는 arguments 만 사용이 가능했지만, 지금은 여러 장점이 있는 나머지 매개변수를 사용할 수 있을 뿐더러, 후자의 방법을 사용하는 추세이다. 결정적으로 화살표 함수에는 arguments를 쓸 수 없다!!!

pikadev1771

Spread syntax (...) 주로 배열을 풀어서 인자로 전달하거나 각각의 요소로 넣을 때 사용. > js function sum(...theArgs) { return theArgs.reduce((previous, current) => { return previous + current; }); } > sum(1,2,3) // sum(1,2,3,4) // js let parts = ['shoulders', 'knees']; let lyrics = ['head', ...parts, 'and', 'toes']; > console.log(lyrics) // [ 'head', 'shoulders', 'knees', 'and', 'toes' ] > js let arr = [1, 2, 3

dabin-lee

js에서 함수에 넘겨주는 매개변수의 개수는 제한이 없다. 함수의 인수를 얻는 방법 아규먼트로 접근 나머지 매개변수 화살표함수에는 아규먼츠가 없다. 함수로 넘어 온 모든 인수에 접근할 수 있다. arguments 함수로 넘어 온 모든 인수에 접근 가능하다. 함수내에서 이용 가능한 지역변수이다. lenght와 index가 있기때문에 배열이라고 생각 할 수 있지만 Array 형태의 객체이다. 배열의 내장 메서드는 가지고 있지 않기에 배열 내장 함수는 사용할 수 없다. (forEach, map...) Rest parameters / 나머지 매개변수 정해지지 않은 개수의 수를 배열로 나타날 수 있게 한다. 전달된 인수들은 배열로 넣어진다. 아무것도 없으면 빈배열 배열로 전달받기에 length를 사용 할 수 있다. for문 사용 가능, 배열의 메서드 사용 가능 주의점) 나머지 매개변수는 항상 뒤에

hd3946

📖 고차함수 함수를 인자로 받는 함수 함수의 형태로 리턴을 할수있다. 메소드: 객체에 들어있는 함수 📚 rest parameters '...func' 정해지지 않은 수의 매개변수를 배열로 받을 수 있다. > fun pipe(...func) { return function (num) { let result = num; func.forEach(el => { result = el }) } } 📚 Reduce() 배열의 각 요소를 특정 방법(함수)에 따라 원하는 하나의 형태로 응축한다. 초기값 선언 X > [0,1,2,3,4].reduce( (accumulator, currentValue, currentIndex, array){ return accumulator + currentValue; }); ![](htt

string_main

🌱 원시 자료형 & 참조 자료형 원시 자료형(primitive data type) : 객체가 아니면서 메서드를 가지지 않는 타입. 각 변수 간 데이터 값을 복사하기 때문에 기존 데이터에는 영향이 가지 않는다. (string, number, bigint, boolean, undefined, symbol, null) 값 자체에 대한 변경이 immutable 하지만, 변수에 다른 데이터를 재할당하여 변경할 수는 있다. (const는 재할당 불가) 참조 자료형(reference data type) : 원시 자료형이 아닌 모든 것은 참조 자료형. 값 대신 저장소의 주소를 복사하여 참조하기 때문에 기존 데이터에도 영향이 간다. (배열, 객체, 함수) 변수에 넣을 수 있는 데이터 크기가 제한되기 때문에 참조형 자료 구조가 등장하게 되었다. 참조 자료형을 읽을 때, 미리 주소값과 메모리 값을 잡아둔다. 힙(heap) : 필

katej927

📌 나머지 매개변수 🔷 사용법 ... 🔷 함수의 인수 ◾ 갯수 JS에서 함수에 넘겨주는 인수의 갯수 제한 → 없음 인수 갯수 정해놓고 함수 만들어도 → 호출할 시 갯수 맞출 필요 x 아무것도 전달하지 않아도 error 발생 x 예시 코드 ◾ 얻는 법 arguments 로 접근 화살표 함수에 없음 나머지 매개변수 현재 추세 (여러 장점 有) 🔷 arguments 함수로 넘어 온 모든 인수에 접근 가능 함수 내에서 이용 가능한 지역 변수 Array 형태의 객체 length / index 有 배열의 내장 메서드 無 (forEach, map) 예시 코드 🔷 나머지 매개변수 (Rest parameters) > 함수가 정해지지

hoje15v

출처 : 유튜브 드림코딩 자바스크립트 Function fundamental building block in the program(프로그램을 구성하는 굉장히 기본적인 buildidng block)** subprogram can be used multiple times performs a task or calculate a value** 1. Function declaration (function을 정의하는 방법) function name(param1, param2){body.... return;} one function === one thing (하나의 함수는 한 가지의 일만 하도록 만들어야한다.) naming : doSomething, command, verb e.g. createCarAnndPoint -> createCard, createPoint 로 나누는 게 더 좋다. function is object in JS -> function을

faunus

1. 나머지 매개변수에 대해서 함수에 넘겨주는 인수의 갯수는 제약이 없다 갯수를 정하고 만들어도 갯수를 굳이 맞출 필요는 없다 ※ 함수의 인수를 얻는 방법은 두 가지! 'arguments' 에 대해서!! (과거 추세 ⇒ 요즘x , arrow function에는 없다) 함수로 넘어 온 모든 인수에 접근 함수 내에서 이용 가능한 지역 변수 lenth / index 가 있으므로 배열이라고 생각 할 수 있지만, 사실 Array형태의 객체 배열의 내장 메서드 없음 (forEach, map 등 사용 불가) '나머지 매개 변수 (spread syntax)' 사용하는 방법 (arrow function을 사용하면서 요즘 방법) ES6 환경이라면 가급적 나머지 매개 변수 권장