DEV Community

sakethk
sakethk

Posted on β€’ Edited on

4

Learn Javascript array methods with the help of emojis

//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() = [ 'πŸ˜„', '😊', 'πŸ™‚', '😑', '🀬' ]
Enter fullscreen mode Exit fullscreen mode

Thank you!!
Cheers!!

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

Top comments (5)

Collapse
 
vetrivel profile image
Vetrivel p β€’

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.

Collapse
 
sakethkowtha profile image
sakethk β€’ β€’ 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]
Enter fullscreen mode Exit fullscreen mode
Collapse
 
vetrivel profile image
Vetrivel p β€’ β€’ Edited

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

Thread Thread
 
sakethkowtha profile image
sakethk β€’

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

Thread Thread
 
vetrivel profile image
Vetrivel p β€’

ok, noted thank you so much.

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs