Sizin gibi okuyucular MUO'yu desteklemeye yardımcı oluyor. Sitemizdeki bağlantıları kullanarak bir satın alma işlemi gerçekleştirdiğinizde, bir ortaklık komisyonu kazanabiliriz. Devamını oku.

Lodash, işlevsel programlama modelini kullanarak tipik programlama görevleri için yardımcı işlevler sunan bir JavaScript kitaplığıdır.

Web tarayıcıları ve Node.js ile çalışan kitaplık, verileri değiştirebilir ve dönüştürebilir, eşzamansız işlemler gerçekleştirebilir ve daha fazlasını yapabilir.

Dizileri, dizileri ve nesneleri işlemek için lodash'ı nasıl kullanacağınızı öğrenin ve fonksiyon kompozisyonu gibi gelişmiş özellikleri hakkında bilgi edinin.

Lodash'a Başlarken

Lodash'ı uygulamanıza iki yoldan biriyle ekleyebilirsiniz: İçerik Dağıtım Ağı (CDN) kullanmak veya npm veya yarn kullanarak yüklemek.

lodash'ı doğrudan tarayıcıda kullanmak için aşağıdaki lodash CDN bağlantısını kopyalayın ve HTML dosyanızın baş bölümüne ekleyin:

<senaryokaynak=" https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"
 type="metin/javascript">senaryo>
instagram viewer

Bu yaklaşımı kullanarak, HTML'nizin gövdesinde lodash kullanarak komut dosyaları çalıştırabilirsiniz.

Bir Node.js projesinde lodash kullanmak için onu proje dizininize kurmalısınız. Bunu yapmak için npm veya yarn kullanabilirsiniz:

npm install --lodash'ı kaydet
# veya
iplik lodash ekleyin

Artık lodash'ı JavaScript dosyanızda zorunlu kılarak kullanabilirsiniz:

// Lodash kitaplığı gerekli
sabit _ = gerekmek("lodash");
// _.sum yöntemini kullanma
sabit sayılar = [10, 20, 30, 40, 50];
sabit toplam = _.toplam (sayılar);
konsol.log (toplam);

JavaScript dosyanızı çalıştırmak için node komutunu girin:

düğüm [Komut dosyanızın adı]

Lodash'ta Dizi Manipülasyonu

Lodash, dizi işleme için JavaScript'in yerleşik Array sınıfının ötesinde işlevsellik sağlayan bir dizi yöntemle birlikte gelir.

.yığın

Bu yöntem, bir diziyi belirli bir boyutta daha küçük dizilerden oluşan gruplara ayırır. Son parça, talep ettiğiniz boyuttan daha küçük olabilir.

İşte bir örnek:

sabit dizi = [ 'A', 'B', 'C', 'D', 'e', 'F', 'G' ];
sabit yeniDizi = _.chunk (dizi, 2)
konsol.log (yeni Dizi)
// Çıktı:
// [ [ 'a', 'b' ], [ 'c', 'd' ], [ 'e', ​​'f' ], [ 'g' ] ]

.concat

Bu yöntem, değerleri mevcut bir dizinin sonuna birleştirerek yeni bir dizi oluşturur.

Örneğin:

sabitsıralamak = [ 1, 2, 'A' ];
sabit yeni Dizi = _.concat(sıralamak, 5, 'B', [ 8 ], [ [ 9 ] ]);
konsol.log (yeni Dizi);
// Çıktı:
// [ 1, 2, 'a', 5, 'b', 8, [ 9 ] ]

.katılmak

Bu yöntem, bir dizinin öğelerini birleştirerek bir dize döndürür. Yöntemi çağırırken parametre olarak ilettiğiniz bir sınırlayıcı kullanarak bunları birleştirir. Kullandığı varsayılan sınırlayıcı virgüldür:

sabitsıralamak = [ "ben", "Ö", "D", "A", "S", "H" ];
sabit yeniDizi = _.join(sıralamak);
konsol.log (yeni Dizi);
// Çıktı:
// l, o, d, a, s, h


sabit yeniDizi = _.join(sıralamak, "-");
konsol.log (yeni Dizi);
// Çıktı:
// l-o-D-A-S-H

Lodash'ta Dize Manipülasyonu

Çıplak JavaScript ile, dize biçimlendirme basit bir işlemdir. Ancak lodash bunu daha da kolaylaştırır.

Lodash ile gerçekleştirebileceğiniz en yaygın dize işleme işlemlerinden bazıları şunlardır:

.startsWith ve .endsWith

Bu iki yöntem, bir dizginin sırasıyla bir alt dizgiyle başlayıp başlamadığını kontrol eder. Her iki yöntem de true veya false boolean değeri döndürür.

Örneğin:

sabit dizi = "lodash";
konsol.log (_.startsWith (dize, "ben"));
// Çıktı: doğru


konsol.log (_.startsWith (dize, "Ö"));
// Çıktı: yanlış


konsol.log (_.endsWith (dize, "M"));
// Çıktı: yanlış
konsol.log (_.endsWith (dize, "H"));
// Çıktı: doğru

.tekrarlamak

Bu yöntem, bir dizeyi belirli sayıda tekrar tekrar yazdırır. Dizeyi ilk argümanı olarak ve tekrar sayısını ikinci olarak alır:

sabit dizi = "lodash"
sabit newString = _.repeat (dize, 3);
konsol.log (yeniDize);
// Çıktı: lodashlodashlodash

.kırpma

Bu yöntem, baştaki ve sondaki boşlukları kaldırır. Bir dizenin başındaki ve sonundaki belirli karakterleri kaldırmak için de kullanabilirsiniz.

Örneğin:

// Baştaki ve sondaki boşlukları kaldırıyoruz
sabit dizi = " çubuk "
sabit yeniDize = _.trim (dize)
konsol.log (yeniDize);
// Çıktı: çubuk
// Belirtilen karakterleri kaldırma
sabit dizi = ",çubuk,"
sabit yeniDize = _.trim (dize, ",")
konsol.log (yeniDize);
// Çıktı: çubuk

Lodash'ta Nesne Manipülasyonu

Aşağıda, lodash ile gerçekleştirebileceğiniz dize manipülasyonunun bazı örnekleri verilmiştir:

.birleştirmek

bu _.birleştirmek() yöntemi, girdi nesnelerinin özelliklerini birleştirerek yeni bir nesne oluşturur. Bir özelliğin sonraki nesnedeki değeri, özellik birden fazla nesnede mevcutsa, önceki nesnedeki değerin yerini alacaktır.

Örneğin:

sabit kitaplar = {
'Matematik': 4, 
'Bilim': 7
};

sabit notlar = {
'Bilim': 3, 
'Kimya': 5
};
_.birleştirmek(kitabın, notlar);
konsol.Kütük kitaplar);
// Çıktı:
// { Matematik: 4, Fen: 3, Kimya: 5 }

Bu örnekte, yöntem ikinci nesneden "Kimya" özelliğini ekler ve ilk nesnenin "Bilim" özelliğinin değerinin üzerine yazar.

.sahip olmak

Bu yöntem, bir nesnede belirli bir özellik dizisi varsa doğru, aksi takdirde yanlış döndürür.

Örneğin:

sabit kitaplar = {
'Matematik': 4, 
'Bilim': 7
};
konsol.log (_.has (kitaplar, "Matematik"));
// Çıktı: doğru

.çıkarmak

Bu yöntem, belirtilen özellikleri verilenden kaldırarak yeni bir nesne döndürür.

Örneğin:

var kitaplar = {
'Matematik': 4, 
'Bilim': 3, 
'Kimya': 5
};

konsol.log (_.omit (kitaplar, "Bilim"));
// Çıktı: { Matematik: 4, Kimya: 5 }

Lodash'ta İşlev Bileşimi

Fonksiyon kompozisyonu, kullanabileceğiniz bir tekniktir. işlevsel bir programlama dili. Her işlevi belirli bir sırayla çağırarak iki veya daha fazla işlevi yeni bir işlevde birleştirmeyi içerir. Bu özellik, daha basit işlevlerden daha karmaşık mantık oluşturmanıza olanak tanır.

Bu tekniği uygulamak için lodash, _.akış Ve _.akışSağ fonksiyonlar. bu _.akış() işlev, işlevlerin bir listesini bağımsız değişken olarak kabul eder ve işlevleri ilettiğiniz sırayla uygulayan yeni bir işlev çıkarır. bu _.flowRight() işlev aynı şeyi yapar, ancak işlevleri tersten çağırır.

Örneğin:

işlevbeş ekle(sayı) {
geri dönmek sayı + 5
}
işlevkezİki(sayı) {
geri dönmek sayı * 2
}


sabit addFiveAndTimesTwo = _.flow([addFive, timesTwo]);


sabit addFiveAndTimesTwoReverse = _.flowRight([addFive, timesTwo]);


konsol.log (ekleFiveAndTimesTwo(3));
// Çıktı: 16
konsol.log (addFiveAndTimesTwoReverse(3));
// Çıktı: 11

Yukarıdaki kod işlevleri tanımlar beş ekle Ve kezİki. addFive işlevi, belirli bir sayıya 5 eklemenin sonucunu döndürür. timesTwo işlevi, bir giriş sayısını 2 ile çarpar ve sonucu döndürür.

Kod daha sonra şunu kullanır: _.akış() diğer ikisini birleştirmek ve yeni işlevi üretmek için işlev, BeşAndTimesTwo ekle. Bu yeni işlev, nihai sonuç üzerinde timesTwo işlemini gerçekleştirmeden önce bağımsız değişkeninde addFive işlemini gerçekleştirecektir.

bu _.flowRight() işlevi, akışla aynı şeyi yapan, ancak tersini yapan yeni bir işlev üretir.

Son olarak, bu kod iki yeni işlevi çağırır. 3, bağımsız değişken olarak ve sonuçları konsola kaydeder.

Lodash ile Çalışmanın Faydaları

Kodunuzu basitleştirmek ve projelerinizi daha esnek ve bakım yapılabilir hale getirmek için lodash kullanabilirsiniz. Geniş yardımcı program işlevleri yelpazesi, yaygın olarak benimsenmesi ve düzenli güncellemeleri, zarif ve etkili kod yazmanıza yardımcı olacaktır. Kodunuzun her zaman güncel ve çağdaş tarayıcılarla uyumlu olmasını garanti etmek için lodash kullanabilirsiniz.