Learn Javascript array methods with the help of emojis

#javascript #webdev #beginners

//Concat
['🏋🏻‍♂️', '🏃🏻'].concat('🧘🏻') = [ '🏋🏻‍♂️', '🏃🏻', '🧘🏻' ] 

//Join
['🤴🏻', '👸🏻'].join('💍') = '🤴🏻💍👸🏻'

//Slice
['😭', '😶', '😀'].slice(2)= [ '😀' ]

//Index of
['0️⃣', '1️⃣', '2️⃣', '3️⃣'].indexOf('1️⃣') = 1

//Includes
['0️⃣', '1️⃣', '2️⃣', '3️⃣'].includes('1️⃣') = true

//Every
[
  {label: '0️⃣', type: 'emoji'}, 
  {label: '1️⃣', type: 'emoji'}, 
  {label: '2️⃣', type: 'emoji'}, 
  {label: '3️⃣', type: 'emoji'}
].every(item => item.type === 'emoji') = true

//Some
[0, '1️⃣', '2️⃣', '3️⃣'].some(item => typeof item === 'number') = true

//Fill
['😀', '😃', '😄'].fill('🤪') = [ '🤪', '🤪', '🤪' ]

// Map
['0️⃣', '1️⃣', '2️⃣', '3️⃣'].map((item, index) => item + " -> " + index) = [ '0️⃣ -> 0', '1️⃣ -> 1', '2️⃣ -> 2', '3️⃣ -> 3' ]

// Map
['0️⃣', '1️⃣', '2️⃣', '3️⃣'].filter((item, index) => index === 1) = [ '1️⃣' ]

//Reduce
['0️⃣', '1️⃣', '2️⃣', '3️⃣'].reduce((acc, current) => acc + current) = '0️⃣1️⃣2️⃣3️⃣'

//Push
['🤬', '😡', '🙂', '😊'].push('😄') = 5 // it will insert '😄' to list at last

//unshift
['😡', '🙂', '😊', '😄'].unshift('🤬') = 5 // it will insert '🤬' to list at first

//Pop
['🤬', '😡', '🙂', '😊', '😄'].pop('😄') = '😄' // it will remove '😄' from list

//Shift
['🤬', '😡', '🙂', '😊', '😄'].shift() = '🤬' // it will remove '🤬' from list

//Reverse
['🤬', '😡', '🙂', '😊', '😄'].reverse() = [ '😄', '😊', '🙂', '😡', '🤬' ]

Thank you!!
Cheers!!

Top comments (5)

Vetrivel p • Aug 14 '21

let arr = [0,1,2,3,4,5,6,7,8,9,10] - Input

let arr = [10,1,2,3,4,5,6,7,8,9,0] - output

Please explain how to rearrange.

sakethk • Aug 14 '21 • Edited

let arr = [0,1,2,3,4,5,6,7,8,9,10]

const swap = (list, x, y) =>  [ arr[x], arr[y] ] = [ arr[y], arr[x] ];


arr.sort((a, b) =>  a - b)
swap(arr, 0, arr.length - 1)
console.log(arr) //[10,1,2,3,4,5,6,7,8,9,0]

Vetrivel p • Aug 14 '21 • Edited

Thank you so much!
I am beginner in javaScript, If possible can you expalin the code.

sakethk • Aug 14 '21

We are sorting the array in ascending order after ascend ascending the array will be like this [0,1,2,3,4,5,6,7,8,9,10]. Later we need to swap first and last element in the array

Vetrivel p • Aug 14 '21

ok, noted thank you so much.

DEV Community

Learn Javascript array methods with the help of emojis

Top comments (5)

Read next

What is SEO (Search Engine Optimization)?

OAuth Tutorial with Go and the Spotify API

I Started Learning Docker a Year Ago, Now I make my Own Containers.

#87 — Merge Data of The Same Group