4 Cuplikan Kode JavaScript untuk Memecahkan Masalah Umum
Seotechman
Seotechman

4 Cuplikan Kode JavaScript untuk Memecahkan Masalah Umum


Cuplikan Kode JavaScript
4 Cuplikan Kode Javascript untuk Memecahkan Masalah - Seperti banyak bahasa pemrograman, JavaScript memiliki kekurangan dan keunikannya sendiri. Fungsi atau sintaks bawaan yang menurut Anda seharusnya ada tidak ada. Keluaran dari masukan paling dasar sekalipun dapat berbatasan dengan kegilaan (what’s true + true?). Bahkan hal-hal dasar seperti loop berperilaku berbeda dari yang diharapkan. Meskipun JavaScript berperilaku aneh dari waktu ke waktu, JavaScript masih menjadi salah satu bahasa yang paling banyak digunakan saat ini. Terkadang yang kita butuhkan hanyalah sedikit bantuan untuk tugas-tugas berulang dan sederhana yang muncul setiap hari. Saya telah mengumpulkan daftar dari beberapa masalah umum untuk dipecahkan dengan solusi yang sesuai di JS.

Catatan


banyak dari contoh ini menggunakan ES6 dan bukan JavaScript vanilla biasa. Bergantung pada kerangka kerja apa yang Anda kerjakan, Anda mungkin dapat atau tidak dapat menggunakan sintaks ES6. Lihat dokumentasi lebih lanjut tentang ES6.

1. Menemukan objek tertentu dalam larik objek


Ini bisa dibilang salah satu tugas paling umum yang harus Anda selesaikan di dunia JS. Iterasi melalui berbagai objek untuk menemukan yang spesifik. Metode temukan adalah teman kita di sini. Cukup masukkan kriteria pemilihan menggunakan fungsi anonim sebagai argumen dan Anda sudah siap:


let customers = [

  { id: 0, name: 'sofi' },

  { id: 1, name: 'budi' },

  { id: 2, name: 'mary' }

];

let customer = customers.find(cust => cust.name === 'budi');

console.log(customer);

--> { id: 1, name: 'budi' }

2. Memutar ulang kunci dan nilai objek


Terkadang struktur data Anda mungkin berupa objek kompleks yang berisi sekumpulan pasangan kunci/nilai. Iterasi pada setiap pasangan pada pandangan pertama agak aneh tergantung pada bahasa apa yang biasa Anda gunakan, tetapi langsung setelah Anda terbiasa menggunakan fungsi Object. Setelah Anda mengambil kunci objek, Anda dapat mengulang melalui kunci dan nilai pada saat yang bersamaan. Dalam contoh ini Anda memiliki akses ke setiap pasangan menggunakan variabel kunci dan nilai selama loop.


let myObject = { one: 1, two: 2, three: 3 };

Object.keys(myObject).forEach((key, value) => {

  //...do something

  console.log(key, value);

});

3. Memfilter larik objek berdasarkan suatu kondisi


Jika Anda memiliki banyak data dan ingin memfilter item berdasarkan kondisi tertentu, Anda cukup menggunakan fungsi filter. Dalam contoh ini kami memiliki array jalur file. Beberapa file ada di 'dir1' sementara yang lain ada di 'dir2'. Misalkan kita hanya ingin memfilter direktori tertentu:


let data = [

  "files/dir1/file",

  "files/dir1/file2",

  "files/dir2/file",

  "files/dir2/file2"

];

let filteredData = data.filter(path => path.includes('dir2'));

console.log(filteredData);

--> [ 'files/dir2/file', 'files/dir2/file2' ]

Memfilter direktori tertentu dalam larik jalur di atas sangatlah mudah. Dengan menentukan bahwa jalur string harus menyertakan string 'dir2', Anda akan memfilter jalur apa pun yang tidak berisi 'dir2' di dalamnya. Ingat fungsi apa pun yang Anda berikan ke filter harus mengembalikan nilai true untuk item yang akan disertakan dalam hasil.

4. Menghancurkan tugas variabel


Menetapkan variabel dari array satu per satu memakan waktu dan konyol. Cukup gunakan tugas penghancuran untuk menyelesaikan ini lebih cepat dan mudah:


let profile = ['bob', 34, 'carpenter'];

let [name, age, job] = profile;

console.log(name);

--> 'bob'

Buka Komentar