DEV Community

Davron
Davron

Posted on

5 3

Javascript array methods!

Boshladik!

1.concat()

Bu massiv boshqa massiv(lar) va/yoki qiymat(lar) bilan birlashtirilgan yangi massivni qaytaradi.

const mevalar = ['๐Ÿ‰', '๐ŸŽ', '๐Ÿ’', '๐ŸŒ'];
const sabzavotlar = ['๐Ÿง…', '๐ŸŒฝ', '๐Ÿฅ•', '๐Ÿฅ‘'];

// 1. concat()
const food = mevalar.concat(sabzavotlar); // ["๐Ÿ‰", "๐ŸŽ", "๐Ÿ’", "๐ŸŒ", "๐Ÿง…", "๐ŸŒฝ", "๐Ÿฅ•", "๐Ÿฅ‘"]
Enter fullscreen mode Exit fullscreen mode

2.copyWithin()

Massiv ichidagi massiv elementlari ketma-ketligini ko'chiradi/nusxalaydi.

// 2. copyWithin()
const mevalar = ['๐Ÿ‰', '๐ŸŽ', '๐Ÿ’', '๐ŸŒ'];

const fruitsCopy = mevalar.copyWithin(0, 2); // ["๐Ÿ’", "๐ŸŒ", "๐Ÿ’", "๐ŸŒ"]
Enter fullscreen mode Exit fullscreen mode

3.every()

Agar ushbu massivdagi har bir element funksiyasi shartiga javob bersa, true qiymatini qaytaradi.

// 3. every()
const mevalar = ['๐Ÿ‰', '๐ŸŽ', '๐Ÿ’', '๐ŸŒ'];

const allBananas = mevalar.every(meva => meva === '๐ŸŒ'); // false
Enter fullscreen mode Exit fullscreen mode

4. fill()

Massivning barcha elementlarini boshlang'ich indeksdan yakuniy indeksgacha statik qiymat bilan to'ldiradi.

// 4. fill()
const mevalar = ['๐Ÿ‰', '๐ŸŽ', '๐Ÿ’', '๐ŸŒ'];

const lemons =  mevalar.fill('๐Ÿ‹'); // ["๐Ÿ‹", "๐Ÿ‹", "๐Ÿ‹", "๐Ÿ‹"]
Enter fullscreen mode Exit fullscreen mode

5. filter()

Taqdim etilgan filtrlash funksiyasi true qiymatini qaytaradigan chaqiruvchi massivning barcha elementlarini o'z ichiga olgan yangi massivni qaytaradi.

// 5. filter()
const mevalar = ['๐Ÿ‰', '๐ŸŽ', '๐Ÿ’', '๐ŸŒ'];

const onlyBananas = ['๐Ÿ‰', '๐ŸŽ', '๐ŸŒ', '๐ŸŒ'].filter(meva => meva === '๐ŸŒ'); // ["๐ŸŒ", "๐ŸŒ"]
Enter fullscreen mode Exit fullscreen mode

6. find()

Agar massivdagi ba'zi element funksiyasi shartiga javob bersa massivdagi topilgan elementni qaytaradi yoki topilmasa, undefined qaytaradi.

// 6. find()
const mevalar = ['๐Ÿ‰', '๐ŸŽ', '๐Ÿ’', '๐ŸŒ'];

const cherry = mevalar.find(meva => meva === '๐Ÿ’'); // "๐Ÿ’"
Enter fullscreen mode Exit fullscreen mode

7. findIndex()

Agar massivdagi element funksiya shartiga javob bersa, topilgan indeksni, javob bermasa, -1 ni qaytaradi.

// 7. findIndex()
const mevalar = ['๐Ÿ‰', '๐ŸŽ', '๐Ÿ’', '๐ŸŒ'];

const cherryIndex = mevalar.findIndex(meva => meva === '๐Ÿ’'); // 2
Enter fullscreen mode Exit fullscreen mode

8. forEach()

Massivdagi har bir element uchun funksiyani chaqiradi.

// 8. forEach()
const sabzavotlar = ['๐Ÿง…', '๐ŸŒฝ', '๐Ÿฅ•', '๐Ÿฅ‘'];

sabzavotlar.forEach(sabzavot => console.log(sabzavot));
// "๐Ÿฅฆ"
// "๐ŸŒฝ"
//  "๐Ÿฅ•"
//  "๐Ÿฅ‘"
Enter fullscreen mode Exit fullscreen mode

9. includes()

Berilgan qiymat massivda bor yo'qligini aniqmaydi va mos ravishda true yoki false qiymat qaytaradi.

// 9. includes()
const sabzavotlar = ['๐Ÿง…', '๐ŸŒฝ', '๐Ÿฅ•', '๐Ÿฅ‘'];

const includesCorn = sabzavotlar.includes('๐ŸŒฝ'); // true
const includesTomato = sabzavotlar.includes('๐Ÿ…'); // false
Enter fullscreen mode Exit fullscreen mode

10. join()

Massivning barcha elementlarini string'ga birlashtiradi.

// 10. join()
const sabzavotlar = ['๐Ÿง…', '๐ŸŒฝ', '๐Ÿฅ•', '๐Ÿฅ‘'];

const vegetablesGroup = sabzavotlar.join(''); // "๐Ÿฅฆ๐ŸŒฝ๐Ÿฅ•๐Ÿฅ‘"
Enter fullscreen mode Exit fullscreen mode

11. map()

Ushbu massivdagi har bir element uchun chaqirilgan funksiyaning natijalarini o'z ichiga olgan yangi massivni qaytaradi.

// 11. map()
const sabzavotlar = ['๐Ÿง…', '๐ŸŒฝ', '๐Ÿฅ•', '๐Ÿฅ‘'];

const doubledVegetables = sabzavotlar.map(sabzavot => sabzavot + sabzavot); 
// ["๐Ÿฅฆ๐Ÿฅฆ", "๐ŸŒฝ๐ŸŒฝ", "๐Ÿฅ•๐Ÿฅ•", "๐Ÿฅ‘๐Ÿฅ‘"]
Enter fullscreen mode Exit fullscreen mode

12. push()

Massiv oxiriga bir yoki bir nechta element qoโ€˜shadi va massivning yangi uzunligini qaytaradi.

// 12. push()
const mevalar = ['๐Ÿ‰', '๐ŸŽ', '๐Ÿ’', '๐ŸŒ'];

mevalar.push('๐Ÿฅ'); // ["๐Ÿ‰", "๐ŸŽ", "๐Ÿ’", "๐ŸŒ", "๐Ÿฅ"]
Enter fullscreen mode Exit fullscreen mode

13. reverse()

Massiv elementlarining joydagi tartibini oโ€˜zgartiradi.

// 13. reverse()
const mevalar = ['๐Ÿ‰', '๐ŸŽ', '๐Ÿ’', '๐ŸŒ'];

const mevalar = ['๐Ÿ‰', '๐ŸŽ', '๐Ÿ’', '๐ŸŒ'];

const reversedFruits = mevalar.reverse(); // ["๐ŸŒ", "๐Ÿ’", "๐ŸŽ", "๐Ÿ‰"]
Enter fullscreen mode Exit fullscreen mode

14. slice()

Chaqiriluvchi massivning bir qismini chiqaradi va yangi massivni qaytaradi.

// 14. slice()
const mevalar = ['๐Ÿ‰', '๐ŸŽ', '๐Ÿ’', '๐ŸŒ'];

mevalar.slice(2); // ["๐Ÿ’", "๐ŸŒ"]
Enter fullscreen mode Exit fullscreen mode

15. some()

Agar ushbu massivdagi kamida bitta element funksiya shartiga javob bersa, true qiymatini qaytaradi.

// 15. some()
const mevalar = ['๐Ÿ‰', '๐ŸŽ', '๐Ÿ’', '๐ŸŒ'];

const bananaExists = mevalar.some(meva => meva === '๐ŸŒ')); // true
Enter fullscreen mode Exit fullscreen mode
  1. sort() Massiv elementlarini joyida saralaydi va massivni qaytaradi.
// 16. sort()
const mevalar = ['๐Ÿ‰', '๐ŸŽ', '๐Ÿ’', '๐ŸŒ', '๐Ÿ‰', '๐Ÿ‰', '๐Ÿ’', '๐ŸŽ', '๐ŸŒ'];
mevalar.sort(); // ["๐Ÿ‰", "๐Ÿ‰", "๐Ÿ‰", "๐ŸŒ", "๐ŸŒ", "๐ŸŽ", "๐ŸŽ", "๐Ÿ’", "๐Ÿ’"]
Enter fullscreen mode Exit fullscreen mode

17. splice()

Massivga elementlarni qoโ€˜shadi va/yoki oโ€˜chiradi.

// 17. splice()
const mevalar = ['๐Ÿ‰', '๐ŸŽ', '๐Ÿ’', '๐ŸŒ'];

mevalar.splice(2, 1, '๐Ÿฅ'); // ["๐Ÿ‰", "๐ŸŽ", "๐Ÿฅ", "๐ŸŒ"]
Enter fullscreen mode Exit fullscreen mode

Agar maqola sizga manzur bo'lgan bo'lsa, โค๏ธ bosishni unutmang!

Agar qandaydir savolingiz bo'lsa ushbu Telegram โค๏ธ orqali bog'laning!

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series ๐Ÿ“บ

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series ๐Ÿ‘€

Watch the Youtube series

๐Ÿ‘‹ Kindness is contagious

Please leave a โค๏ธ or a friendly comment on this post if you found it helpful!

Okay