拡張演算子対休息演算子(パラメータ)

注意:スプレッド演算子と残りの演算子は、3つのドット...だけではなく、異なる使用するときに同じです.

スプレッド演算子:
3つのドット...は、配列要素またはオブジェクトのプロパティを広げるために使用されます.

例えば
我々は古い配列を持っています、そして、我々は古い配列からすべての要素を新しい配列に加えることを望みます、3つの点は単にすべての要素を引き出して、我々が角括弧でつくった新しい配列に加えます、そして、もちろん、我々はそれにより多くの要素を加えることができます.

const old_array = [1,2,3,4];
console.log([...old_array, 5]);

出力:

[1,2,3,4,5]

我々が我々が我々がdot dot dot old_object means to pull out all the properties of the old object and their valuesを持ち、Used of merge a list of function arguments into the arrayを持っていて、キー値としてそれを加えて、新しいオブジェクトを作成するオブジェクトのために同じように使用するスプレッド演算子は、それを使用しました.

const old_object = {
  name: 'sheraz',
}
console.log({...old_object, age: 21});

出力

{name: 'sheraz', age: 21}

RESTパラメータ
REST演算子またはパラメータは、スプレッド演算子と同じ演算子ですが、使用されます.
argsは無制限の引数を受け取ったので、1 args、2 , 3、あるいは何でも、私たちは1つ以上を受け取りました、そして、彼らはすべて一緒に配列に合併されます.したがって、配列メソッドを引数リストに適用することもできます.

const args = [1,2,3];
const filter = (...args) => {
   return args.filter((el) => el === 1);
};
console.log(filter(...args));

出力:

[1]