Advance JavaScript 16 - rest parameter

Advance JavaScript 16 - rest parameter

Kali ini Kita akan membahas tentang rest parameter notasinya masih sama seperti spread operator  menggunakan ... Titik tiga ,tapi untuk ini Kita gunakan untuk Hal yang berbeda.

Definisi

Rest parameter itu mempresentasikan argument pada function dengan jumlah yang tidak terbatas ,menjadi sebuah array.

Contoh

Function myargs(a,b ...args) {

return `a = ${a} b = ${b} Dan myargs = ${}`

}

console.log(myargs(1,2,3,4,5,6,7,8));

...args atau rest parameter itu harus di akhir dari argument nya ,tidak bisa Kita mengisi rest parameter terlebih dahulu setelah itu argument yang lain.

Function myargs() {

return Array.from(arguments)

}

console.log(myargs(1,2,3,4,5,6,7,8));

Memakai rest parameter

Function myargs() {

return [... arguments];

}

console.log(myargs(1,2,3,4,5,6,7,8));

function jumlahkan(... angka) {

let total = 0;

for ( const a of angka) {

total += a;

}

return total;

}

console.log(jumlahkan(1,2,3,4,5,6,6,8,5,8))

Diringkas

function jumlahkan(... angka) {

return angka.reduce((a,b) => a + b );

}

console.log(jumlahkan(1,2,3,4,5,6,6,8,5,8))

Array destructuring

const kelompok = ['gimasn','nur','alamsah']

const [ketua,wakil,...kelompok] = kelompok;

console.log(ketua);

Object destructuring

const team = {

pm : 'gimas',

frontend1 : 'nur',

frontend2 : 'alamsah',

backend1: 'agung',

backend2: 'deni'

}

const [pm, ...myteam] = team;

console.log(myteam);

filtering 

Coba baca Dan fahami code berikut

const filter(type, ...values){

return values.filter(v => typeof v === type)

}

console.log(filter('number',1,2,3,'gimasn',false,10,true,'nuralamsah'))

Sekian penjelasan tentang rest parameter