Bilmeniz Gereken 11 JavaScript Tek Yönlü

JavaScript, en popüler programlama dillerinden biridir. Web siteleri, web uygulamaları, web sunucuları, oyunlar, mobil uygulamalar ve daha fazlasını geliştirmek için kullanılır.

JavaScript'in sözdizimi, özellikle anonim ve ok işlevleri, kısa koda izin verir. Tek bir kod satırı ile çok şey başarabilirsiniz.

Bu makalede, bir profesyonel gibi kodlamanıza yardımcı olacak 11 JavaScript tek satırlık hakkında bilgi edineceksiniz.

1. Snake_case'den camelCase'e Dize Nasıl Dönüştürülür

Snake_case içindeki bir dize, her bir sözcüğü ayırmak için alt çizgi karakterini kullanır. Yılan_kelime dizisindeki her sözcük, değişkenler olmasına rağmen genellikle küçük harfle başlar. Bir camelCase dizesi küçük harfle başlar ve onu izleyen her kelime bir büyük harfle başlar. Bir camelCase dizesinde araya giren boşluklar veya noktalama işaretleri yoktur.

Programlama dilleri ve programcılar, değişken ve yöntem adları için farklı büyük/küçük harf şemaları kullanır.

Snake_case dizelerinin örnekleri: merhaba_world, this_is_a_variable, SCREAMING_SNAKE_CASE

camelCase dizelerinin örnekleri: merhabaWorld, thisIsVariable, makeUseOf

Aşağıdaki kodu kullanarak bir snake_case dizesini camelCase'e dönüştürebilirsiniz:

const convertSnakeToCamel = (s) => s.toLowerCase().replace(/(_\w)/g, (w) => w.toUpperCase().substr (1));
s1 = "merhaba_dünya";
konsol.log (convertSnakeToCamel (s1));
s2 = "make_use_of";
konsol.log (convertSnakeToCamel (s2));
let s3 = "this_is_a_variable";
konsol.log (convertSnakeToCamel (s3));

Çıktı:

Selam Dünya
faydalanmak
Bu Değişkendir

2. JavaScript Dizisi Nasıl Karıştırılır

Bir diziyi karıştırmak, öğelerini rastgele yeniden düzenlemek anlamına gelir. Aşağıdaki kodu kullanarak bir JavaScript dizisini karıştırabilirsiniz:

const shuffleArray = (dizi) => dizi.sort(() => 0,5 - Math.random());
arr1 = [1, 2, 3, 4, 5] olsun;
konsol.log (shuffleArray (dizi1));
arr2 = [12, 34, 45, 43];
konsol.log (shuffleArray (dizi2));
arr3 = [2, 4, 6, 8, 10];
konsol.log (shuffleArray (arr3));

Çıktı:

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

Bu kodun ayrı çalıştırmalarında değişen çıktılar elde edeceksiniz.

İlgili: JavaScript Ok İşlevleri Sizi Daha İyi Bir Geliştirici Yapabilir

3. Bir Dizinin Ortalaması Nasıl Bulunur?

Ortalama ortalama, dizinin elemanlarının toplamının eleman sayısına bölümüdür. Aşağıdaki kodu kullanarak JavaScript'te bir dizinin ortalamasını bulabilirsiniz:

const hesaplaAverage = (arr) => arr.reduce((a, b) => a + b, 0) / dizi.uzunluk;
arr1 = [1, 2, 3, 4, 5] olsun;
konsol.log (ortalama hesapla (arr1));
arr2 = [12, 34, 45, 43];
konsol.log (ortalama hesapla (arr2));
arr3 = [2, 4, 6, 8, 10];
konsol.log (ortalama hesapla (arr3));

Çıktı:

3
33.5
6

İlgili: Python, C++, JavaScript ve C'de Bir Dizinin Ortalaması Nasıl Bulunur?

4. JavaScript Kullanarak Karanlık Mod Nasıl Tespit Edilir

Bir web tarayıcısında çalışan kodla, aşağıdaki tek astarı kullanarak karanlık modu tespit edebilirsiniz:

const darkMode = window.matchMedia && window.matchMedia('(renk şemasını tercih eder: karanlık)').matches;
konsol.log (karanlıkMod);

Açıklama geri dönecek NS karanlık mod çalışıyorsa, aksi takdirde geri döner YANLIŞ.

5. JavaScript Kullanarak Bir Apple Tarayıcı Nasıl Tespit Edilir

Bu basit normal ifade eşleşmesini kullanarak tarayıcının bir Apple bilgisayarda çalışıp çalışmadığını kontrol edebilirsiniz:

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

Açıklama geri dönecek NS tarayıcınız bir Apple cihazında çalışıyorsa, aksi takdirde geri döner YANLIŞ.

İlgili: Bugün Uzmanlaşmanız Gereken JavaScript Dizi Yöntemleri

6. Bir Dizinin Boş Olup Olmadığı Nasıl Kontrol Edilir

İçinde eleman yoksa dizi boştur. Aşağıdaki kodu kullanarak bir dizinin boş olup olmadığını kontrol edebilirsiniz:

const checkEmptyArray = (dizi) => !Array.isArray (dizi) || dizi.uzunluk 0;
arr1 = [1, 2, 3, 4, 5] olsun;
konsol.log (checkEmptyArray (dizi1));
arr2 = [] olsun;
konsol.log (checkEmptyArray (arr2));
izin arr3 = [""];
konsol.log (checkEmptyArray (arr3));

Çıktı:

YANLIŞ
NS
YANLIŞ

7. Bir Dizide Benzersiz Değerler Nasıl Bulunur?

Aşağıdaki tek satır, bir diziden yinelenen değerleri kaldırır ve yalnızca bir kez oluşan değerleri bırakır.

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

Çıktı:

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

8. Rastgele Onaltılı Renk Nasıl Oluşturulur

Onaltılı renkler, renkleri onaltılık değerlerle temsil etmenin bir yoludur. Formatı takip ediyorlar #RRGGBB, nerede RR kırmızı, İyi oyun yeşildir ve BB Mavi. Onaltılık renklerin değerleri, bileşenin yoğunluğunu belirten 00 ile FF aralığındadır. Aşağıdaki JavaScript kodunu kullanarak rastgele altıgen renkler oluşturabilirsiniz:

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

Çıktı:

#ff7ea1

Kodu her çalıştırdığınızda, rastgele bir altıgen renk alırsınız.

9. Dereceler Radyanlara Nasıl Dönüştürülür ve Tersi

Dereceler ve Radyanlar, geometride bir açının ölçüsünü temsil eder. Aşağıdaki matematiksel formülleri kullanarak radyan cinsinden bir açıyı dereceye veya tam tersine kolayca dönüştürebilirsiniz:

Radyan = Derece × π/180
Derece = Radyan × 180/π

Dereceleri Radyana Dönüştür

Aşağıdaki kodu kullanarak bir açıyı derece cinsinden radyana dönüştürebilirsiniz:

const dereceToRadians = (derece) => (derece * Matematik. PI) / 180.0;
temp1 = 360 olsun;
konsol.log (degreesToRadians (temp1));
temp2 = 180 olsun;
konsol.log (degreesToRadians (temp2));
temp3 = 120 olsun;
konsol.log (degreesToRadians (temp3));

Çıktı:

6.283185307179586
3.141592653589793
2.0943951023931953

Radyanı Dereceye Çevir

Aşağıdaki kodu kullanarak radyan cinsinden bir açıyı dereceye dönüştürebilirsiniz:

const radiansToDegrees = (rad) => (rad * 180) / Matematik. PI;
sıcaklık1 = 6.283185307179586 olsun;
konsol.log (radiansToDegrees (temp1));
temp2 = 3.141592653589793 olsun;
konsol.log (radyansToDegrees (temp2));
temp3 = 2.0943951023931953 olsun;
konsol.log (radiansToDegrees (temp3));

Çıktı:

360
180
119.99999999999999

10. Tarayıcıda Kodun Çalışıp Çalışmadığını Kontrol Etme

Aşağıdakileri kullanarak kodunuzun bir tarayıcıda çalışıp çalışmadığını kontrol edebilirsiniz:

const isRunningInBrowser = pencere tipi 'nesne' && belge tipi 'nesne';
konsol.log (isRunningInBrowser);

Bir tarayıcıda çalışan yukarıdaki kod yazdırılacaktır NS. Bir komut satırı yorumlayıcısı aracılığıyla çalıştırıldığında yazdırılacaktır YANLIŞ.

11. Rastgele UUID Nasıl Oluşturulur

UUID, Evrensel Benzersiz Tanımlayıcı anlamına gelir. İnternetteki bir nesneyi veya varlığı benzersiz şekilde tanımlamak için kullanılan 128 bitlik bir değerdir. Rastgele bir UUID oluşturmak için aşağıdaki kodu kullanın:

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

Çıktı:

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

Kodu her çalıştırdığınızda, rastgele bir UUID oluşturur.

Bu makalede kullanılan kaynak kodun tamamına bir göz atmak isterseniz, işte size GitHub deposu.

Projeler Oluşturarak Uygulamalı JavaScript Bilgisi Alın

Herhangi bir programlama dilinde uzmanlaşmanın en iyi yolu projeler oluşturmaktır. JavaScript projeleri geliştirirken bu makalede anlatılan kısa yol numaralarını kullanabilirsiniz. Yeni başlayan biriyseniz ve proje fikirleri arıyorsanız, Yapılacaklar uygulaması, web hesaplayıcısı veya tarayıcı uzantısı gibi basit bir proje oluşturarak başlayın.

Yeni Başlayanlar İçin 10 JavaScript Proje Fikri

JavaScript, öğrenilmesi gereken çok önemli bir programlama dilidir. Bu işte yeniyseniz, bilginizi artırmanıza yardımcı olacak bazı projeler burada.

Sonrakini Oku

Yazar hakkında