DEV Community: Arisca Abdullah

Membuat Objek Bersarang Dengan Memanfaatkan Composite Class

Arisca Abdullah — Mon, 02 May 2022 22:36:32 +0000

Hai teman-teman 👋

Kali ini saya akan membagikan tentang cara membuat objek bersarang dengan memanfaatkan composite class. Sebagai contoh saya akan membuat class Category seperti berikut:

class Category {
    constructor(name) {
        this.name = name;
    }
}

Pada contoh di atas, objek yang dihasilkan dari instansiasi class Category tidak mampu untuk menampung sub kategori. Oleh karena itu, kita perlu untuk membuat composite classnya yang diturunkan dari class Category seperti berikut:

class CompositeCategory extends Category {
    constructor(name, categories) {
        super(name);
        this.categories = categories;
    }

    getCategories() {
        return this.categories;
    }
}

Pada class CompositeCategory menerima dua inputan. Yang pertama nama kategorinya dan yang kedua array untuk menampung sub kategorinya. Berikut contoh penggunaannya:

const categories = [
    new Category('Buah dan Sayur'),
    new CompositeCategory('Fashion', [
        new Category('Fashion Pria'),
        new Category('Fashion Wanita')
    ]),
    new CompositeCategory('Elektronik', [
        new Category('Sound System'),
        new CompositeCategory('Handphone', [
            new Category('Android'),
            new Category('iOS')
        ])
    ])
];

Pada contoh di atas, saya membuat variabel categories yang menampung beberapa kategori. Setiap kategori di dalamnya ada yang memiliki sub kategori ada yang tidak. Kedalaman sub kategori juga berbeda-beda sesuai preferensi.

Demikian yang dapat saya bagikan, apabila ada yang perlu dikoreksi silahkan share di kolom komentar. 😁

Membuat Objek Dengan Melakukan Kloning

Arisca Abdullah — Sun, 01 May 2022 18:51:35 +0000

Hai teman-teman 👋

Kali ini saya akan membagikan tentang cara membuat objek dengan melakukan kloning. Pada umumnya ketika kita membuat sebuah class seperti contoh berikut:

class Store {
    constructor(name, city, category) {
        this.name = name;
        this.city = city;
        this.category = category;
    }
}

Untuk memudahkan kita dalam melakukan kloning, maka perlu modifikasi pada class di atas menjadi seperti berikut:

class Store {
    constructor(name, city, category) {
        this.name = name;
        this.city = city;
        this.category = category;
    }

    setName(name) {
        this.name = name;
        return this;
    }

    setCity(city) {
        this.city = city;
        return this;
    }

    setCategory(category) {
        this.category = category;
        return this;
    }

    clone() {
        return new Store(this.name, this.city, this.category);
    }
}

Untuk cara penggunaannya bisa dilihat seperti kode berikut:

const store1 = new Store('Void', 'Jakarta', 'Gadget');
const store2 = store1.clone().setCity('Bandung');
const store3 = store2.clone().setName('Void Apparel').setCategory('Fashion');

Pada kode di atas, saya membuat toko gadget dengan nama Void yang berlokasi di Jakarta. Kemudian saya membuat lagi toko yang sama akan tetapi berlokasi di Bandung. Terakhir, saya membuat toko pakaian dengan nama Void Apparel dengan menggunakan properti dari toko kedua. Kesimpulannya, kita dapat memanfaatkan properti dari objek lain yang sudah ada dan mengubah beberapa bagian saja untuk membuat objek baru. Kita tidak harus selalu membuat objek dari nol.

Demikian yang dapat saya bagikan, apabila ada yang perlu dikoreksi silahkan share di kolom komentar. 😁

Menggunakan Factory Method Untuk Membuat Object

Arisca Abdullah — Sat, 30 Apr 2022 21:30:32 +0000

Hai teman-teman 👋

Kali ini saya akan membagikan tentang penggunaan factory method. Pada umumnya, ketika kita akan membuat object, maka kita langsung melakukan instansiasi dari class referensinya seperti contoh berikut:

class Employee {
    constructor (name, title, salary) {
        this.name = name;
        this.title = title;
        this.salary = salary;
    }
}

const andi = new Employee('Andi', 'manager', 8000000);
const budi = new Employee('Budi', 'staff', 4000000);
const carli = new Employee('Carli', 'staff', 4000000);
const dodi = new Employee('Dodi', 'staff', 4000000);
const emili = new Employee('Emili', 'staff', 4000000);

Pada kode di atas, saya membuat contoh class Employee dan membuat objek andi, budi, carli, dodi, dan emili. Dari beberapa objek tersebut dapat dikelompokkan menjadi manager dan staff. Apabila kita ingin mengubah gaji staff menjadi 5 juta maka kita harus mengubah gaji satu per satu pada saat instansiasi objek yang termasuk ke dalam staff. Untuk menghindari hal tersebut, kita dapat menggunakan factory method saat membuat objek agar lebih efisien. Berikut contoh kode pemrogramannya:

class Employee {
    constructor (name, title, salary) {
        this.name = name;
        this.title = title;
        this.salary = salary;
    }
}

class EmployeeFactory {
    static createManager(name) {
        return new Employee(name, 'manager', 8000000);
    }

    static createStaff(name) {
        return new Employee(name, 'staff', 4000000);
    }
}

const andi = EmployeeFactory.createManager('Andi');
const budi = EmployeeFactory.createStaff('Budi');
const carli = EmployeeFactory.createStaff('Carli');
const dodi = EmployeeFactory.createStaff('Dodi');
const emili = EmployeeFactory.createStaff('Emili');

Di atas adalah contoh penggunaan factory method. Apabila kita akan mengubah gaji staff menjadi 5 juta, kita tinggal merubah method createStaff pada class EmployeeFactory.

Demikian yang dapat saya bagikan, apabila ada yang perlu dikoreksi silahkan share di kolom komentar. 😁

Menggunakan Builder Class Untuk Membuat Object

Arisca Abdullah — Fri, 29 Apr 2022 13:01:52 +0000

Hai teman-teman 👋

Kali ini saya akan membagikan tentang penggunaan builder class. Pada umumnya, ketika kita akan membuat object, maka kita langsung melakukan instansiasi dari class referensinya seperti contoh berikut:

class Person {
    constructor (firstName, phone, email) {
        this.firstName = firstName;
        this.phone = phone;
        this.email = email;
    }
}

const andi = new Person('Andi', '081234567890', 'andi@email.net');
const budi = new Person('Budi', '081234567891', 'budi@email.net');
const carli = new Person('Carli', '081234567892', 'carli@email.net');

Cara di atas sangat umum digunakan, akan tetapi jika kita perlu mengubah susunan constructor dari class Person akan sedikit merepotkan. Misalkan saya ingin menambahkan variabel lastName setelah variabel firstName, akibatnya kita juga harus mengubah kode saat instansiasi objek dari class Person satu per satu. Apabila kita tidak merubahnya, maka variabel lastName akan terisi oleh nomor hp dan variabel nomor hp akan terisi dengan email. Dikarenakan alasan tersebut, kita perlu menggunakan builder class untuk meminimalisir perubahan kode yang signifikan. Berikut contoh penggunaan builder class:

class Person {
    constructor (firstName, phone, email) {
        this.firstName = firstName;
        this.phone = phone;
        this.email = email;
    }
}

class PersonBuilder {
    constructor() {
        this.firstName = '';
        this.phone = '';
        this.email = '';
    }

    setFirstName(firstName) {
        this.firstName = firstName;
        return this;
    }

    setPhone(phone) {
        this.phone = phone;
        return this;
    }

    setEmail(email) {
        this.email = email;
        return this;
    }

    build() {
        return new Person(this.name, this.phone, this.email);
    }
}

const andi = new PersonBuilder()
    .setFirstName('Andi')
    .setPhone('081234567890')
    .setEmail('andi@email.net')
    .build();

const budi = new PersonBuilder()
    .setFirstName('Budi')
    .setPhone('081234567891')
    .setEmail('budi@email.net')
    .build();

const carli = new PersonBuilder()
    .setFirstName('Carli')
    .setPhone('081234567892')
    .setEmail('carli@email.net')
    .build();

Mungkin kode di atas terlihat lebih kompleks, akan tetapi jika kita akan merubah susunan constructor pada class Person kita tidak harus merubah setiap kode saat menginstansiasi objek dari class Person. Kita hanya perlu melakukan penyesuaian pada builder classnya. Misalkan saya akan menambah variabel lastName setelah variabel firstName pada constructor class Person, pada builder class kita dapat menambah method untuk melakukan setting lastName. Pada kode instansiasi objek pun opsional mau ditambahkan lastName atau tidak. Jika kita tidak melakukan setting lastName juga tidak akan menyebabkan data yang tertukar seperti nomor hp terbaca sebagai lastName. Berikut contoh kodenya:

class Person {
    constructor (firstName, lastName, phone, email) {
        this.firstName = firstName;
        this.lastName = lastName;
        this.phone = phone;
        this.email = email;
    }
}

class PersonBuilder {
    constructor() {
        this.firstName = '';
        this.lastName = '';
        this.phone = '';
        this.email = '';
    }

    setFirstName(firstName) {
        this.firstName = firstName;
        return this;
    }

    setLastName(lastName) {
        this.lastName = lastName;
        return this;
    }

    setPhone(phone) {
        this.phone = phone;
        return this;
    }

    setEmail(email) {
        this.email = email;
        return this;
    }

    build() {
        return new Person(this.name, this.phone, this.email);
    }
}

const andi = new PersonBuilder()
    .setFirstName('Andi')
    .setLastName('Santoso')
    .setPhone('081234567890')
    .setEmail('andi@email.net')
    .build();

const budi = new PersonBuilder()
    .setFirstName('Budi')
    .setPhone('081234567891')
    .setEmail('budi@email.net')
    .build();

const carli = new PersonBuilder()
    .setFirstName('Carli')
    .setPhone('081234567892')
    .setEmail('carli@email.net')
    .build();

Pada kode di atas, walaupun saya menambahkan variabel lastName, itu tidak mewajibkan kita untuk merubah kode saat instansiasi objek seperti objek budi dan carli. Cara ini sangat berguna ketika aplikasi kita sudah kompleks dan instansiasi objek dari class tertentu tersebar di banyak file.

Demikian yang dapat saya bagikan, apabila ada yang perlu dikoreksi silahkan share di kolom komentar. 😁

Cara Mudah Mengekstrak Array Ke Variabel Dengan Javascript

Arisca Abdullah — Thu, 28 Apr 2022 11:59:46 +0000

Hai teman-teman 👋

Kali ini saya akan membagikan cara mudah untuk melakukan ekstraksi array ke variabel. Biasanya, untuk melakukan ekstraksi array kita membuat variabel dan diisi dengan mengakses indeks arraynya seperti contoh berikut:

const arr = [10, 20, 30, 40, 50];

const value1 = arr[0];
const value2 = arr[1];

console.log(value1);
console.log(value2);

Contoh di atas sudah benar, akan tetapi dapat lebih ringkas lagi juga tidak perlu mengakses indeks satu-persatu. Berikut kode pemrogramannya:

const arr = [10, 20, 30, 40, 50];
const [value1, value2] = arr;

console.log(value1);
console.log(value2);

Lebih ringkas bukan? Nilai dalam array akan tersimpan dalam variabel sesuai urutan indeksnya.

Demikian yang dapat saya bagikan, apabila ada yang perlu dikoreksi silahkan share di kolom komentar. 😁

Cara Mudah Menukar Nilai Variabel Dengan Javascript

Arisca Abdullah — Wed, 27 Apr 2022 11:44:26 +0000

Hai teman-teman 👋

Kali ini saya akan membagikan cara mudah untuk menukar nilai variabel dengan bahasa javascript. Biasanya, untuk menukar nilai variabel maka kita membutuhkan variabel bantuan seperti contoh berikut:

let value1 = 10;
let value2 = 20;

let temp = value1;
value1 = value2;
value2 = temp;

console.log(value1);
console.log(value2);

Contoh di atas sudah benar, akan tetapi dapat lebih ringkas lagi juga tidak perlu membuat variabel tambahan. Berikut kode pemrogramannya:

let value1 = 10;
let value2 = 20;

[value1, value2] = [value2, value1];

console.log(value1);
console.log(value2);

Lebih ringkas bukan? Contoh tersebut juga bisa digunakan untuk lebih dari 2 variabel, tinggal sesuaikan saja urutan variabel yang akan ditukar.

Demikian yang dapat saya bagikan, apabila ada yang perlu dikoreksi silahkan share di kolom komentar. 😁

Membuat Program Operasi Himpunan (Selisih & Komplemen)

Arisca Abdullah — Tue, 26 Apr 2022 12:23:39 +0000

Hai teman-teman 👋

Kali ini saya akan membuat fungsi untuk mendapatkan selisih antara 2 himpunan dengan menggunakan bahasa pemrograman javascript. Fungsi ini menerima 2 inputan variabel yang merupakan objek dari kelas Set dan akan menghasilkan selisih dari 2 objek tersebut. Berikut kode pemrogramannya:

function getDifference(a, b) {
    const arrayA = Array.from(a);
    const difference = arrayA.filter(member => !b.has(member));

    return new Set(difference);
}

Pada fungsi di atas saya melakukan konversi variabel a menjadi array. Lalu, saya menyeleksi anggota variabel a yang tidak menjadi anggota variabel b menggunakan method filter dan menyimpan hasilnya ke dalam variabel difference. Langkah terakhir, saya mengembalikan variabel difference yang telah dikonversi menjadi Set supaya tidak ada duplikasi data.

Contoh penggunaan:

let a = new Set([1,2,5,6,7,9]);
let b = new Set([2,3,4,5,7,8]);

console.log(getDifference(a, b));
console.log(getDifference(b, a));

Output dari kode di atas adalah

Set(3) { 1, 6, 9 }
Set(3) { 3, 4, 8 }

Fungsi di atas juga bisa digunakan untuk mengetahui komplemen sebuah himpunan dari semesta tertentu. Misal S = {1,2,3,4,5,6,7,8,9} maka fungsi di atas bisa digunakan seperti contoh berikut:

let s = new Set([0,1,2,3,4,5,6,7,8,9]); // Semesta
let a = new Set([1,2,5,6,7,9]);

console.log(getDifference(s, a));

Output dari kode di atas adalah

Set(4) { 0, 3, 4, 8 }

Demikian yang dapat saya bagikan, apabila ada yang perlu dikoreksi silahkan share di kolom komentar. 😁

Membuat Program Operasi Himpunan (Irisan)

Arisca Abdullah — Mon, 25 Apr 2022 11:44:29 +0000

Hai teman-teman 👋

Kali ini saya akan membuat fungsi untuk mengambil irisan dari 2 himpunan dengan menggunakan bahasa pemrograman javascript. Fungsi ini menerima 2 inputan variabel yang merupakan objek dari kelas Set dan akan menghasilkan irisan dari 2 objek tersebut. Berikut kode pemrogramannya:

function getIntersection(a, b) {
    const arrayA = Array.from(a);
    const intersection = arrayA.filter(member => b.has(member));

    return new Set(intersection);
}

Pada fungsi di atas saya melakukan konversi variabel a menjadi array. Lalu, saya menyeleksi anggota variabel a yang sekaligus juga menjadi anggota variabel b menggunakan method filter dan menyimpan hasilnya ke dalam variabel intersection. Langkah terakhir, saya mengembalikan variabel intersection yang telah dikonversi menjadi Set supaya tidak ada duplikasi data.

Contoh penggunaan:

let a = new Set([1,2,5,6,7,9]);
let b = new Set([2,3,4,5,7,8]);

console.log(getIntersection(a, b));

Output dari kode di atas adalah

Set(3) { 2, 5, 7 }

Demikian yang bisa saya bagikan, apabila ada yang perlu dikoreksi silahkan share di kolom komentar. 😁

Membuat Program Operasi Himpunan (Gabungan)

Arisca Abdullah — Sat, 23 Apr 2022 20:26:42 +0000

Hai teman-teman 👋

Kali ini saya akan membuat fungsi untuk mendapatkan gabungan antara 2 himpunan dengan menggunakan bahasa pemrograman javascript. Fungsi ini menerima 2 inputan variabel yang merupakan objek dari kelas Set dan akan menghasilkan gabungan dari 2 objek tersebut. Berikut kode pemrogramannya:

function getUnion(a, b) {
    const arrayA = Array.from(a);
    const arrayB = Array.from(b);
    const union = arrayA.concat(arrayB);

    return new Set(union);
}

Pada fungsi di atas saya melakukan konversi pada variabel a dan b terlebih dahulu dari Set menjadi array. Lalu, saya menggabungkan kedua array hasil konversi tersebut dan disimpan dalam variabel union. Langkah terakhir, saya mengembalikan variabel union yang telah dikonversi menjadi Set supaya tidak ada duplikasi data.

Contoh penggunaan:

let a = new Set([1,2,5,6,7,9]);
let b = new Set([2,3,4,5,7,8]);

console.log(getUnion(a, b));

Output dari kode di atas adalah

Set(9) { 1, 2, 5, 6, 7, 9, 3, 4, 8 }

Demikian yang bisa saya bagikan, apabila ada yang perlu dikoreksi silahkan share di kolom komentar. 😁

Menyelesaikan soal "Staircase" di HackerRank

Arisca Abdullah — Fri, 22 Apr 2022 07:37:29 +0000

Pada soal di atas kita diminta untuk membuat fungsi yang dapat mencetak pola seperti anak tangga dengan jumlah tingkatan sesuai nilai yang diinputkan. Kali ini saya akan membagikan cara saya menyelesaikan soal tersebut menggunakan bahasa pemrograman javascript. Berikut kode pemrogramannya:

function staircase(n) {
    for (let i = 1; i <= n; i++) {
        let result = '';

        for (let j = 0; j < n - i; j++)
            result += ' ';

        for (let k = 0; k < i; k++)
            result += '#';

        console.log(result);
    }
}

Pada kode di atas, saya melakukan perulangan sebanyak nilai yang diinputkan. Dalam perulangan tersebut saya mencetak spasi dan karakter # dengan jumlah yang berbeda sesuai nomor baris saat ini. Jumlah spasi dapat diperoleh dari jumlah kolom dikurangi nomor baris saat ini dan jumlah karakter # akan sama dengan nomor baris saat ini.

Sebagai gambaran apabila diinputkan nilai 5, maka pada baris nomor 1 akan mencetak spasi sebanyak 4 (5 - 1) dan 1 karakter #, baris nomor 2 akan mencetak spasi sebanyak 3 (5 - 2) dan 2 karakter #, dan seterusnya.

Demikian yang bisa saya bagikan, apabila ada yang perlu dikoreksi atau Anda punya cara lain untuk menyelesaikan soal di atas silahkan share di kolom komentar. 😁

Menyelesaikan soal "Plus Minus" di HackerRank

Arisca Abdullah — Wed, 13 Apr 2022 22:44:51 +0000

Pada soal di atas kita diminta untuk menghitung jumlah bilangan positif, negatif, dan nol dalam sebuah array. Kali ini saya akan membagikan cara saya menyelesaikan soal tersebut menggunakan bahasa pemrograman javascript. Berikut kode pemrogramannya:

function plusMinus(arr) {
    const counts = [
        arr.filter(el => el > 0).length,
        arr.filter(el => el < 0).length,
        arr.filter(el => el === 0).length
    ];

    for (const count of counts) {
        const ratio = (count / arr.length).toFixed(6);
        console.log(ratio);
    };
}

Pada kode di atas saya membuat variabel counts yang berisi jumlah elemen dari bilangan positif, negatif, dan nol yang terdapat pada array arr. Di bawahnya saya melakukan perulangan dari variabel counts. Di dalam perulangan saya menghitung rasio dari masing-masing bilangan (positif/negatif/nol) dari jumlah elemen pada array arr. Rasio tersebut kemudian saya bulatkan maksimal 6 angka di belakang koma menggunakan method toFixed(). Terakhir, saya tampilkan hasilnya pada konsol.

Menyelesaikan soal "Diagonal Difference" di HackerRank

Arisca Abdullah — Tue, 12 Apr 2022 22:20:09 +0000

Pada soal di atas kita diminta untuk mengitung selisih mutlak dari jumlah antara diagonal sebuah matriks persegi. Kali ini saya akan membagikan cara saya menyelesaikan soal tersebut menggunakan bahasa pemrograman javascript. Berikut kode pemrogramannya:

function diagonalDifference(arr) {
    let diagonal1 = 0;
    let diagonal2 = 0;

    arr.forEach((row, i) => {
        diagonal1 += row[i];
        diagonal2 += row[row.length - i - 1];
    });

    return Math.abs(diagonal1 - diagonal2);
}

Pada kode di atas, saya membuat variabel diagonal1 dan diagonal2 untuk menyimpan jumlah dari elemen masing-masing diagonal. Di bawahnya, saya melakukan perulangan pada array arr dengan menggunakan forEach dan menjumlahkan nilai diagonal1 dan diagonal2 sesuai dengan indeks diagonalnya masing-masing. Terakhir, saya mengembalikan nilai selisih antara diagonal1 dan diagonal2.

Demikian yang bisa saya bagikan, apabila ada yang perlu dikoreksi atau Anda punya cara lain untuk menyelesaikan soal di atas silahkan share di kolom komentar. 😁