Hướng dẫn what is rest parameter in javascript with example? - Tham số phần còn lại trong javascript với ví dụ là gì?

Thử nó

Cú pháp

function f[a, b, ...theArgs] {
  // …
}

Sự mô tả

Tham số cuối cùng của một hàm có thể được đặt trước với

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

Tham khảo nhanh

Một định nghĩa hàm chỉ có thể có một

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

foo[...one, ...wrong, ...wrong]

Tham số REST phải là tham số cuối cùng trong định nghĩa hàm.

foo[...wrong, arg2, arg3]

foo[arg1, arg2, ...correct]

Sự khác biệt giữa các tham số REST và đối tượng đối số

Có ba khác biệt chính giữa các tham số REST và đối tượng

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

• Đối tượng

  function myFun[a, b, ...manyMoreArgs] {
    console.log["a", a];
    console.log["b", b];
    console.log["manyMoreArgs", manyMoreArgs];
  }
  
  myFun["one", "two", "three", "four", "five", "six"];
  
  // Console Output:
  // a, one
  // b, two
  // manyMoreArgs, ["three", "four", "five", "six"]
  

  6 không phải là một mảng thực, trong khi các tham số REST là các trường hợp

  function myFun[a, b, ...manyMoreArgs] {
    console.log["a", a];
    console.log["b", b];
    console.log["manyMoreArgs", manyMoreArgs];
  }
  
  myFun["one", "two", "three", "four", "five", "six"];
  
  // Console Output:
  // a, one
  // b, two
  // manyMoreArgs, ["three", "four", "five", "six"]
  

  8, có nghĩa là các phương thức như

  function myFun[a, b, ...manyMoreArgs] {
    console.log["a", a];
    console.log["b", b];
    console.log["manyMoreArgs", manyMoreArgs];
  }
  
  myFun["one", "two", "three", "four", "five", "six"];
  
  // Console Output:
  // a, one
  // b, two
  // manyMoreArgs, ["three", "four", "five", "six"]
  

  9,

  foo[...one, ...wrong, ...wrong]
  

  0,

  foo[...one, ...wrong, ...wrong]
  

  1 hoặc

  foo[...one, ...wrong, ...wrong]
  

  2 có thể được áp dụng trực tiếp trên nó.not a real array, while rest parameters are

  function myFun[a, b, ...manyMoreArgs] {
    console.log["a", a];
    console.log["b", b];
    console.log["manyMoreArgs", manyMoreArgs];
  }
  
  myFun["one", "two", "three", "four", "five", "six"];
  
  // Console Output:
  // a, one
  // b, two
  // manyMoreArgs, ["three", "four", "five", "six"]
  

  8 instances, meaning methods like

  function myFun[a, b, ...manyMoreArgs] {
    console.log["a", a];
    console.log["b", b];
    console.log["manyMoreArgs", manyMoreArgs];
  }
  
  myFun["one", "two", "three", "four", "five", "six"];
  
  // Console Output:
  // a, one
  // b, two
  // manyMoreArgs, ["three", "four", "five", "six"]
  

  9,

  foo[...one, ...wrong, ...wrong]
  

  0,

  foo[...one, ...wrong, ...wrong]
  

  1 or

  foo[...one, ...wrong, ...wrong]
  

  2 can be applied on it directly.
• Đối tượng

  function myFun[a, b, ...manyMoreArgs] {
    console.log["a", a];
    console.log["b", b];
    console.log["manyMoreArgs", manyMoreArgs];
  }
  
  myFun["one", "two", "three", "four", "five", "six"];
  
  // Console Output:
  // a, one
  // b, two
  // manyMoreArgs, ["three", "four", "five", "six"]
  

  6 có chức năng bổ sung cụ thể cho chính nó [như thuộc tính

  foo[...one, ...wrong, ...wrong]
  

  4].
• Các gói

  foo[...one, ...wrong, ...wrong]
  

  5 tất cả các tham số bổ sung vào một mảng, do đó nó không chứa bất kỳ đối số được đặt tên nào được xác định trước

  foo[...one, ...wrong, ...wrong]
  

  5. Trong khi đối tượng

  function myFun[a, b, ...manyMoreArgs] {
    console.log["a", a];
    console.log["b", b];
    console.log["manyMoreArgs", manyMoreArgs];
  }
  
  myFun["one", "two", "three", "four", "five", "six"];
  
  // Console Output:
  // a, one
  // b, two
  // manyMoreArgs, ["three", "four", "five", "six"]
  

  6 chứa tất cả các tham số-bao gồm các tham số trong mảng

  foo[...one, ...wrong, ...wrong]
  

  5-được gói thành một đối tượng giống như một mảng.before the

  foo[...one, ...wrong, ...wrong]
  

  5. Whereas the

  function myFun[a, b, ...manyMoreArgs] {
    console.log["a", a];
    console.log["b", b];
    console.log["manyMoreArgs", manyMoreArgs];
  }
  
  myFun["one", "two", "three", "four", "five", "six"];
  
  // Console Output:
  // a, one
  // b, two
  // manyMoreArgs, ["three", "four", "five", "six"]
  

  6 object contains all of the parameters — including the parameters in the

  foo[...one, ...wrong, ...wrong]
  

  5 array — bundled into one array-like object.

Từ đối số đến một mảng

Các tham số REST đã được giới thiệu để giảm mã nồi hơi thường được sử dụng để chuyển đổi một tập hợp các đối số thành một mảng.

Trước khi các tham số REST,

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

function fn[a, b] {
  const normalArray = Array.prototype.slice.call[arguments];
  // — or —
  const normalArray2 = [].slice.call[arguments];
  // — or —
  const normalArrayFrom = Array.from[arguments];

  const first = normalArray.shift[]; // OK, gives the first argument
  const firstBad = arguments.shift[]; // ERROR [arguments is not a normal array]
}

Bây giờ, bạn có thể dễ dàng truy cập vào một mảng bình thường bằng tham số REST:

function fn[...args] {
  const normalArray = args;
  const first = normalArray.shift[]; // OK, gives the first argument
}

Ví dụ

Sử dụng các tham số REST

Trong ví dụ này, đối số đầu tiên được ánh xạ tới

foo[...wrong, arg2, arg3]

foo[...wrong, arg2, arg3]

Tuy nhiên, đối số thứ ba,

foo[...wrong, arg2, arg3]

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// a, "one"
// b, "two"
// manyMoreArgs, ["three", "four", "five", "six"]