11 JavaScript One-Liners Yang Harus Anda Ketahui

JavaScript adalah salah satu bahasa pemrograman yang paling populer. Ini digunakan untuk mengembangkan situs web, aplikasi web, server web, game, aplikasi seluler, dan banyak lagi.

Sintaks JavaScript, terutama fungsi anonim dan panahnya, memungkinkan kode ringkas. Anda dapat mencapai banyak hal hanya dengan satu baris kode.

Dalam artikel ini, Anda akan mempelajari tentang 11 JavaScript one-liner yang akan membantu Anda membuat kode seperti seorang profesional.

1. Cara Mengonversi String Dari snake_case ke camelCase

Sebuah string dalam snake_case menggunakan karakter garis bawah untuk memisahkan setiap kata. Setiap kata dalam string snake_case biasanya dimulai dengan huruf kecil, meskipun ada varian. String camelCase dimulai dengan huruf kecil, setiap kata berikutnya dimulai dengan huruf besar. Tidak ada spasi atau tanda baca di dalam string camelCase.

Bahasa pemrograman—dan pemrogram—menggunakan skema casing yang berbeda untuk nama variabel dan metode.

Contoh string snake_case: hello_world, variabel_is_a_ini, SCREAMING_SNAKE_CASE

Contoh string camelCase: helloWorld, thisIsVariable, makeUseOf

Anda dapat mengonversi string snake_case ke camelCase menggunakan kode berikut:

const convertSnakeToCamel = (s) => s.toLowerCase().replace(/(_\w)/g, (w) => w.toUpperCase().substr (1));
biarkan s1 = "halo_dunia";
console.log (convertSnakeToCamel (s1));
biarkan s2 = "make_use_of";
console.log (convertSnakeToCamel (s2));
misalkan s3 = "ini_is_a_variabel";
console.log (convertSnakeToCamel (s3));

Keluaran:

Halo Dunia
menggunakan
ini adalah Variabel

2. Cara Mengocok Array JavaScript

Mengacak sebuah array berarti secara acak mengatur ulang elemen-elemennya. Anda dapat mengacak array JavaScript menggunakan kode berikut:

const shuffleArray = (arr) => arr.sort(() => 0.5 - Math.random());
misalkan arr1 = [1, 2, 3, 4, 5];
console.log (shuffleArray (arr1));
misalkan arr2 = [12, 34, 45, 43];
console.log (shuffleArray (arr2));
misalkan arr3 = [2, 4, 6, 8, 10];
console.log (shuffleArray (arr3));

Keluaran:

[ 3, 5, 1, 4, 2 ]
[ 45, 34, 12, 43 ]
[ 4, 10, 2, 6, 8 ]

Anda akan mendapatkan output yang berbeda-beda di seluruh proses terpisah dari kode ini.

Terkait: Fungsi Panah JavaScript Dapat Membuat Anda Menjadi Pengembang yang Lebih Baik

3. Bagaimana Menemukan Rata-Rata dari Array

Rata-rata rata-rata adalah jumlah elemen array dibagi dengan jumlah elemen. Anda dapat menemukan rata-rata array dalam JavaScript menggunakan kode berikut:

const countAverage = (arr) => arr.reduce((a, b) => a + b, 0) / arr.length;
misalkan arr1 = [1, 2, 3, 4, 5];
console.log (calculateAverage (arr1));
misalkan arr2 = [12, 34, 45, 43];
console.log (calculateAverage (arr2));
misalkan arr3 = [2, 4, 6, 8, 10];
console.log (calculateAverage (arr3));

Keluaran:

3
33.5
6

Terkait: Cara Menemukan Rata-Rata Array dengan Python, C++, JavaScript, dan C

4. Cara Mendeteksi Mode Gelap Menggunakan JavaScript

Dengan kode yang berjalan di browser web, Anda dapat mendeteksi mode gelap menggunakan one-liner berikut:

const darkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
console.log (mode gelap);

Pernyataan akan kembali benar jika mode gelap sedang berjalan, jika tidak, itu akan kembali Salah.

5. Cara Mendeteksi Peramban Apple Menggunakan JavaScript

Anda dapat memeriksa apakah browser berjalan di komputer Apple menggunakan pencocokan ekspresi reguler sederhana ini:

const appleBrowser = /Mac|iPod|iPhone|iPad/.test (navigator.platform);
console.log (appleBrowser);

Pernyataan akan kembali benar jika browser Anda berjalan di perangkat Apple, jika tidak, browser akan kembali Salah.

Terkait: Metode Array JavaScript yang Harus Anda Kuasai Hari Ini

6. Cara Memeriksa apakah Array Kosong

Array kosong jika tidak ada elemen di dalamnya. Anda dapat memeriksa apakah array kosong menggunakan kode berikut:

const checkEmptyArray = (arr) => !Array.isArray (arr) || arr.panjang 0;
misalkan arr1 = [1, 2, 3, 4, 5];
console.log (checkEmptyArray (arr1));
misalkan arr2 = [];
console.log (checkEmptyArray (arr2));
misalkan arr3 = [""];
console.log (checkEmptyArray (arr3));

Keluaran:

Salah
benar
Salah

7. Cara Menemukan Nilai Unik dalam Array

One-liner berikut menghapus nilai berulang dari larik, hanya menyisakan nilai yang muncul sekali saja.

const findUniquesInArray = (arr) => arr.filter((i) => arr.indexOf (i) arr.lastIndexOf (i));
misalkan arr1 = [1, 2, 3, 4, 5, 1, 2, 3];
console.log (findUniquesInArray (arr1));
misalkan arr2 = ['W', 'E', 'L', 'C', 'O', 'M', 'E', 'T', 'O', 'M', 'U', 'O '];
console.log (findUniquesInArray (arr2));
misalkan arr3 = [5, 5, 5, 3, 3, 4, 5, 8, 2, 8];
console.log (findUniquesInArray (arr3));

Keluaran:

[ 4, 5 ]
[ 'W', 'L', 'C', 'T', 'U' ]
[ 4, 2 ]

8. Cara Menghasilkan Warna Hex Acak

Warna heksadesimal adalah cara untuk merepresentasikan warna melalui nilai heksadesimal. Mereka mengikuti format #RRGGBB, di mana RR berwarna merah, GG berwarna hijau, dan BB berwarna biru. Nilai warna heksadesimal berada dalam kisaran dari 00 hingga FF, yang menentukan intensitas komponen. Anda dapat menghasilkan warna hex acak menggunakan kode JavaScript berikut:

const randomHexColor = () => `#${Math.random().toString (16).slice (2, 8).padEnd (6, '0')}`;
console.log (randomHexColor());

Keluaran:

#ff7ea1

Setiap kali Anda menjalankan kode, Anda akan mendapatkan warna hex acak.

9. Cara Mengonversi Derajat ke Radian dan Sebaliknya

Derajat dan Radian mewakili ukuran sudut dalam geometri. Anda dapat dengan mudah mengubah sudut dalam radian ke derajat, dan sebaliknya, menggunakan rumus matematika berikut:

Radian = Derajat × /180
Derajat = Radian × 180/π

Mengkonversi Derajat ke Radian

Anda dapat mengubah sudut dalam derajat ke radian menggunakan kode berikut:

const degreeToRadians = (deg) => (deg * Math. PI) / 180,0;
misalkan suhu1 = 360;
console.log (degreesToRadians (temp1));
misalkan suhu2 = 180;
console.log (degreesToRadians (temp2));
misalkan suhu3 = 120;
console.log (degreesToRadians (temp3));

Keluaran:

6.283185307179586
3.141592653589793
2.0943951023931953

Mengonversi Radian ke Derajat

Anda dapat mengubah sudut dalam radian ke derajat menggunakan kode berikut:

const radiansToDegrees = (rad) => (rad * 180) / Math. PI;
biarkan temp1 = 6.283185307179586;
console.log (radiansToDegrees (temp1));
biarkan temp2 = 3.141592653589793;
console.log (radiansToDegrees (temp2));
biarkan temp3 = 2.0943951023931953;
console.log (radiansToDegrees (temp3));

Keluaran:

360
180
119.99999999999999

10. Cara Memeriksa apakah Kode Berjalan di Browser

Anda dapat memeriksa apakah kode Anda berjalan di browser menggunakan yang berikut ini:

const isRunningInBrowser = jenis jendela 'objek' && jenis dokumen 'objek';
console.log (isRunningInBrowser);

Kode di atas, berjalan di browser, akan mencetak benar. Berjalan melalui penerjemah baris perintah, itu akan mencetak Salah.

11. Cara Membuat UUID Acak

UUID adalah singkatan dari Universally Unique Identifier. Ini adalah nilai 128-bit yang digunakan untuk mengidentifikasi objek atau entitas secara unik di internet. Gunakan kode berikut untuk menghasilkan UUID acak:

const generateRandomUUID = (a) => (a? (a ^ ((Math.random() * 16) >> (a / 4))).toString (16): ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[ 018]/g, generateRandomUUID));
console.log (generateRandomUUID());

Keluaran:

209b53dd-91cf-45a6-99a7-554e786f87d3

Setiap kali Anda menjalankan kode, itu menghasilkan UUID acak.

Jika Anda ingin melihat kode sumber lengkap yang digunakan dalam artikel ini, ini dia Repositori GitHub.

Dapatkan Pengetahuan JavaScript Langsung dengan Membangun Proyek

Cara terbaik untuk menguasai bahasa pemrograman apa pun adalah dengan membangun proyek. Anda dapat menggunakan trik singkat yang dijelaskan dalam artikel ini saat mengembangkan proyek JavaScript. Jika Anda seorang pemula dan mencari beberapa ide proyek, mulailah dengan membuat proyek sederhana seperti aplikasi To-Do, kalkulator web, atau ekstensi browser.

10 Ide Proyek JavaScript untuk Pemula

JavaScript adalah bahasa pemrograman yang penting untuk dipelajari. Jika Anda baru mengenalnya, berikut adalah beberapa proyek untuk membantu Anda meningkatkan pengetahuan Anda.

Baca Selanjutnya

Tentang Penulis