👶🏽 단계

learnyounode 회사

터미널: learnyounode 메뉴를 다시 열고 두 번째 도전을 선택합니다.

새 파일 만들기

작업 디렉토리로 이동하여 다음을 수행합니다. touch baby-steps.js

개요

명령행 매개 변수로 몇 개의 숫자를 받을 것입니다.

우리는 이 숫자들을 추가해야 한다console.

프로세스argv

node를 사용하여 실행합니다.대체로그냥프로세스😼, 그러나 대상 모델링으로서 우리는 점 기호를 사용하여 각종🔑그중 하나🔑s: process.argv 코드를 테스트 실행합니다.우리는 그것을 사용하여 사물을 반복적으로 테스트하고 이 과정에서 개념을 탐색할 것이다.
파일에 입력: learnyounode run baby-steps.js - console.log(process.argv) 은 log 과 유사하지만 info 는 우리가 진정으로 관심을 가지지 않는다는 임시 메시지 Source 를 사용합니다.
당신log은 다음과 같은 내용을 볼 수 있습니다.

[
  '/usr/local/Cellar/node/14.14.0/bin/node',
  '/Users/codefinity/Code/Lurn/nodeschool/learnyounode/baby-steps.js',
  '9',
  '95'
]

이것은 수조라는 것을 알 수 있습니다.우리는 이것이 폐쇄적learnyounode run baby-steps.js[이기 때문에 수조라는 것을 안다.
앞의 두 원소 (원소마다 ] 로 구분됨) 는 우리가 진정으로 관심을 가지지 않는다.너처럼C👀, 그것은 단지 , 과 우리가 처리하고 있는 파일에 대한 정보일 뿐이다🏃🏽‍♂️.
다음 두 요소는 node 에서 제공한 숫자인 것 같습니다.learnyounode 는 우리가 process.argv 에서 명령행 매개 변수를 읽는 방식이다.
이 점에서 우리는 다음과 같은 조작을 실행하기만 하면 이 문제를 해결할 수 있다. node (생각해 보면 우리는 console.info(process.argv[2] + process.argv[3])부터 시작된 디지털 인덱스를 통해 그룹의 요소에 접근할 수 있다.)
하지만이것은 그다지 온건하지 않다.우리는 수량이 변할 수 있는 매개 변수를 받을 수 있어야 한다.

수조 분해 0

const [_, __, ...numbers] = process.argv;
console.log(numbers);

이 코드 테스트: argv.너는 반드시 이런 것을 보아야 한다. learnyounode run baby-steps.js.무슨 일🤔?

해체하다

[ '11', '95', '58' ], 물론 JS에 우리가 변수를 만들고 싶다고 성명합니다.다음으로 우리는 const를 보았다.이것은 패턴 분해입니다.우리는 [_, __, ...numbers] = = process.argv 그룹에서 색인별로 값을 추출하고 있습니다.
돌이켜보면 우리는 process.argv의 두 번째 지수에 관심이 없다👆🏽. 이것이 바로 process.argv과_이다.너는 네가 원하는 이름을 거기에 놓을 수 있지만, 이 밑줄은 우리가 변수를 버리고 있다는 것을 나타내는 관례이다.따라서 __과argv[0]-마찬가지로 우리는 무관심한 일이 될 것이다.

연산자 배열

다음으로 우리는 argv[1]를 보았다.이것은 ... 수조에 존재하는 나머지 값 (2개든 1000개든) 을 분산하고 argv 이라는 새로운 수조에 수집하기를 원한다는 것을 의미한다.이것이 바로 우리가 할 수 있는 이유이다numbers.👀 우리 터미널에서

위로하다숫자 기록하기 (그리고 숫자 기록하기)

이것은 우리가 필요로 하는 나머지 코드다.

console.info(
  numbers.reduce((total, number) => {
    let t = total;
    t += Number(number);
    return t;
  }, 0)
);

우리는 reduce 를 사용한다. 왜냐하면 reduce는 하나의 수조이기 때문이다.numbers 중 몇 개의 숫자가 있든지 간에 우리는 반복 numbers 하여 각 숫자 numbers 를 볼 것이다.우리는 num reduce 을 하나의 숫자 numbers 로 낮출 것이다.이것이 바로 우리가 어떻게 모든 숫자를 구하는지의 방식이다.total 첫 번째 매개변수로 콜백 함수를 사용합니다.

(total, number) => {
    let t = total;
    t += Number(number);
    return t;
  }

이것은 전달하거나 호출하고 있는 리셋 함수입니다.📲 다른 함수/메서드를 통해 반환 reduce.이 리셋 함수는 화살표 문법으로 작성됩니다.아직 기능에 익숙하지 않은 경우 다음을 참조하십시오.

JS 함수 소개💻

릴리 미스라・ 20년10월15일・ 1분 읽기

#functional #codenewbie #javascript

.
우리의 리셋 함수는 두 개의 매개 변수가 있다. reduce.이것들은 우리를 대표한다...이것🏃🏽‍♂️ 총 및 배열의 현재 숫자입니다.

let t = total;
    t += Number(number);
    return t;

현재, 모든 교체에 대해 우리는 (total, num) total에 분배할 것이다. t 변이 파라미터를 피하기 위해 - 걱정할 필요가 없다.)그게 무슨 뜻인지 YDK가 알면
다음으로 우리는 총수let t = total;를 취하고 전류t를 더해야 한다.이 과정에서 우리는 문자열 number (명령줄 파라미터가 문자열로 나타남) 을 현식 number 으로 변환했다.이것은 JS의 어리석은 직렬 행동을 막을 것이다😠.
마지막으로 우리Number는 새로운 총계-return를 갱신했고 과정은 계속, 갱신t과 total에서 각각number을 교체했다.

숫자 두 번째 매개변수(옵션)

리셋 함수 이후에 우리는 reduce를 보았다.두 번째 매개 변수는 }, 0) 에서 초기화됩니다 total.기술적으로 말하자면, 우리는 본래 이렇게 하지 않을 수 있었지만, 나는 매우 많은 0 곤혹스러움을 발견하였다😕 이 선택 가능한 매개 변수를 간단하게 포함하여 "total"을 현시적으로 초기화하여 피할 수 있다

지금 다 같이 있어요.🧑‍🤝‍🧑

우리는 그것reduce을 하나reduce에 봉인하기만 하면 console.info을 실행할 수 있다. 이 도전을 통해!🤓

const [_, __, ...args] = process.argv;

console.info(
  args.reduce((total, arg) => {
    let t = total;
    t += Number(arg);
    return t;
  }, 0)
);