mahaat personal notes

Tag: javascript

Menggunakan Method Filter Array Javascript
Filter array merupakan salah satu method array pada Javascript. Method tersebut digunakan untuk ‘menyaring’ isi array dengan suatu kondisi. Maksudnya, kita bisa mengambil data dari array dengan kondisi tertentu. Return dari method ini adalah array baru, dan tidak mengubah isi array yang lama. Biasanya, method filter mudah digunakan dengan method map dan reduce.

Di kesempatan kali ini saya akan memberikan contoh – contoh penggunaan method filter array tersebut.

Contoh 1

Misalkan kita ingin mengambil data dari array berisi number, kita ambil hanya data yang bernilai genap. Dengan method .filter, kita bisa code seperti ini :
```
const example1 = [1, -3, 5, -12, 20, 88, 69 , -121]

const odd = example1.filter( v => {
  const remainder = v % 2
  return Math.abs(remainder) === 1
})

console.log(odd)
// return [ 1, -3, 5, 69, -121 ]
```
Ingat, agar method filter bisa benar berjalan, argumen yg diberikan harus function yang memiliki return value. Kalau return value tersebut bernilai truthy, maka object saat iterasi lolos dan masuk ke array yang di return oleh method filter. Contohnya, saat nilai v = 5, maka function mereturn true, maka di hasilnya ada angka 5.

Contoh 2

Melanjutkan contoh di atas, sekarang kita coba callback function nya dengan argument index.
```
const odd2 = example1.filter( (v, idx) => {
  const remainder = v % 2
  return Math.abs(remainder) === 1 && idx > 3
})

console.log(odd2)
// [ 69, -121 ]
```
Dari contoh di atas, argumen callback functionya adalah v, idx. v itu currentValue, sedangkan idx itu index. Ya argumenya bisa kamu ganti dengan nama yang lain. Sebenarnya method filter punya 3 argumen, currentValue, index, dan array.

Cukup sekian tips kali ini. Kamu bisa mengakses contoh di atas langsung dari browser di replt.it . Saya lanjutkan lain waktu.
October 18, 2020
Cara Menambahkan Padding pada String
Kali ini saya akan membagikan tutorial bagaimana cara menambahkan padding pada string di Javascript. Biasanya, kasus ini terjadi di penomoran. Kasusnya, kira – kira seperti ini, misalkan ada sebuah surat dengan nomor 32, tetapi harus ditampilkan 6 digit, dengan digit lainnya 0, jadi 000032. Nah untuk kasus seperti itu, bisa kita gunakan method padStart.

Untuk kasus di atas, kita bisa menyelesaikan dengan cara seperti ini
```
const nomor = '32'
const padded = nomor.padStart(6, '0')
// padded bernilai '000032'
```
Method padStart merupakan method dari string. Parameter pertama adalah panjang string yg diinginkan, yg kedua adalah character yg akan ditambahkan. Untuk parameter kedua, jika dikosongkan, akan bernilai default, yaitu spasi.
```
const nomor = '32'
const padded = nomor.padStart(6)
// padded bernilai '    32'
```
Kalau variable nomor tersebut merupakan number, maka kita perlu ke string dahulu.
```
const nomor = Number(32).toString()
const padded = nomor.padStart(6,'0')
```
Method padStart merupakan method dari string, jika tipe data variable nomor di atas masih number, akan terjadi runtime error.

Sekian tutorial singkat ini, semoga bermanfaat.
October 10, 2020
Cara Mencari Object di Array Javascript
Seringkali di dalam flow program kita, kita diharuskan mencari object tertentu di dalam sebuah array. Mencari sebuah object di dalam javascript sebetulnya mudah dengan adanya method .find . Di sini saya akan tunjukkan bagaimana caranya.

Misalkan ada data seperti ini.
```
const people = [
  {
    id: 1,
    name: 'Andi',
    location: 'Jakarta'
  },
  {
    id: 2,
    name: 'Budi',
    location: 'Jakarta'
  },
  {
    id: 3,
    name: 'Ani',
    location: 'Yogyakarta'
  },{
    id: 4,
    name: 'Boby',
    location: 'Bandung'
  }
]
```
Kalau kita butuh data location dari array people dengan id bernilai 4, maka codenya begini
```
const person = people.find( v => v.id == 4)
```
Person akan bernilai,
```
{
    id: 4,
    name: 'Boby',
    location: 'Bandung'
  }
```
Nah, kalau data yang mau kita cari ga ada, nanti person akan bernilai undefined . Perlu cek setelah find, apakah datanya ada atau tidak.

Ingat, di code saya menuliskan function v => v.id == 4 . Variable v itu cuma sekedar nama aja biar ga kepanjangan, kalau mw lebih meaningful, ya tulis person juga gapapa.

Pertanyaan selanjutnya, bisa ga kita find berdasarkan property name ? Tentu kalau name itu unik, bisa. Kodenya jadi begini
```
const person1 = people.find( v => v.name == 'Ani')
```
Kira kira seperti itu cara untuk mencari object di array. Mungkin lain waktu saya akan berikan contoh pencarian yang lebih kompleks.
October 9, 2020