Array Methods Part 2

Subscribe to my newsletter and never miss my upcoming articles

concat()

Allows you to concatenate two arrays into one.

define two arrays

let  numsOne = [1, 3, 5, 7, 9];
let numsTwo  = [2, 4, 6, 8];

concatenate numsOne and numsTwo

let cocatenated =  numsOne.concat(numsTwo);

display concatenated array

console.log(concatenated);
Returns: Array [ 1,  3,  5,  7,  9,  2,  4,  6,  8]

sort()

This method Sorts any given array. the sort occurs in-place.

Sort concatenated array

concatenated.sort();
console.log(concatenated);
Returns: Array [  1,  2,  3,  4,  5,  6,  7,  8,  9]

entries()

This method returns a new object, an Array Iterator, which contains a key/value pair for each index/element in the array.

let numeros = ['zero', 'uno', 'dos', 'tres', 'cuatro', 'cinco', 'seis', 'siete', 'ocho', 'nueve'];

Convert numeros into an iterator

let myIterator = numeros.entries();

display first two pairs in myIterator

console.log(myIterator.next().value);
returns: Array [ 0,  "zero"]

console.log(myIterator.next().value);
returns: Array [  1,  "uno",]

Looping thru --> myIterator

let result = myIterator.next(); 
 while ( !result.done ) 
  {
     console.log(result.value);
     result = myIterator.next();
  }

Returns:  Array [ 0,  "zero",]
          Array [  1,  "uno",]
          Array [  2,  "dos",]
          Array [  3,  "tres",]
          Array [  4,  "cuatro",]
          Array [  5,  "cinco",]
          Array [  6,  "seis",]
          Array [  7,  "siete",]
          Array [  8,  "ocho",]
          Array [  9,  "nueve",]
          Object {  "done": true,  "value": undefined,
}

every()

This method checks if every value in any given array fulfills a given criteria. it returns a boolean.

Test for the following condition: All array elements < 50.

let nums = [10, 20, 15, 30, 35, 25, 40, 47];
if (nums.every( (n) => { return  n < 50; })) 
{ console.log("All elements in array are < than 50!!"); }
else
{ console.log("Not all elements are < than 50!!") }

Returns:  "All elements in array are < than 50!!"

Or use a function for the criteria/condition to be tested on each array element,

see isCurrentValueLessThan_50

const isCurrentValueLessThan_50 = (value) => value < 50;

if (nums.every( isCurrentValueLessThan_50) )
{ console.log("All elements in array are < than 50!!"); }
else
{ console.log("Not all elements are < than 50!!") }

Returns:  "All elements in array are < than 50!!"

filter()

This method checks for all elements that pass a given condition, and then it creates a new array with those elements.

get all array elements , where element.length > 4

let numeros = ['zero', 'uno', 'dos', 'tres', 'cuatro', 'cinco', 'seis', 'siete', 'ocho', 'nueve'];
const lengthGreaterThan_4 = numeros.filter( numero => numero.length > 4);
console.log(lengthGreaterThan_4);

Returns:  Array [  "cuatro",  "cinco",  "siete",  "nueve",]

find()

This method returns the first array element that fulfills a given condition.

## get first array element > 10
let nums = [10, 20, 15, 30, 35, 25, 40, 47];
let numFound = nums.find(element => element > 10);
console.log(numFound);

Returns: 20

lastIndexOf()

This method returns the index of the last occurrance of a given array element.

### get the index of last occurrance of 20
let array = [10, 20, 15, 30, 35, 25, 20, 40, 47, 20, 25, 30];
console.log(array.lastIndexOf(20));
Returns: 9

map()

populates a new array with the results of a called function that processes each element in the array.

## Get the square of each array element
let array = [10, 20, 15, 30, 35, 25, 20, 40, 47];
let mapArray = array.map(element => element * element);
console.log(mapArray);

Returns:
Array [  100,  400,  225,  900,  1225,  625,  400,  1600,  2209]

toString

this method converts any given array object to a string.

##convert array arr1 to a string 

let arr1 = [10, 20, 15, 30, 35, 25, 20, 40, 47];
let arrayToString = arr1.toString();
console.log (arr1.toString());

Returns: "10,20,15,30,35,25,20,40,47"

This concludes my article on some of the most common array methods.

Live code

Let's Connect

#Next article will be: functions in Javascripts

No Comments Yet