[JavaScript]How to examine specific elements of an array

0

I had a chance to teach about arrays in PHP, so how was Javascript?I thought, I tried to summarize.

Retrieve only a specific element of an array

Use array.filter. Returns an array by filtering only the elements that meet the specified criteria.

Using

let animal= ['pig', 'cow', 'pig', 'lion', 'cat']; 

let animalPig = animal.filter(function(n){
    return n === 'pig'
});
// If you write in the Arrow function
let animalPig = animal.filter(n => n === 'pig');

// ['pig', 'pig']

 

For object

let animal= [
    { name: 'pig', num: '2'},
    { name: 'cow', num: '4'},
    { name: 'pig', num: '3'},
    { name: 'lion', num: '2'},
    { name: 'cat', num: '1'},
]; 
let animalNumTwo =  matches.filter(n => n.num === '2');

// outputed object
// [
//     { name: 'pig', num: '2'},
//     { name: 'lion', num: '2'},
// ];

 
 

It can also be used to count the number of specific elements in an array in an application.

// Count how many pigs there are
let animal= ['pig', 'cow', 'pig', 'lion', 'cat'];
let count = animal.filter(n => n === 'pig').length;

// count === 2

 
 

Find a specific element in an array

array.find Returns the value of the first element in the array that satisfies the condition.

Using

let numbers = [7, 120, 40, 33, 150];
let number = numbers.find(n => n > 100);

// number === 120

 
 

Determines whether all elements in the array meet the condition

Use array.every.If all elements meet the condition, it is true, and if not satisfied, it returns false.
Note: every returns true for an empty array.

Using

var isLimit = (n) => n < 10;
let numbers = [1, 8, 9, 5];

console.log(numbers.every(isLimit));
//  true

 

For example, check whether the date is set, etc.

let isDateTime = eventList.every(value => value.datetime);

//true if eventList element datetime has a value

 

Determine whether an array contains a specific element

Use array.includes.Returns true if a particular element is contained in an array, false if it is not.

Using

let animal= ['pig', 'cow', 'pig', 'lion', 'cat']; 

console.log(animal.includes('cat'));
// true

 
 

Find out if there are any elements in the array that meet the conditions

Use array.some.Returns true when any one element of the array satisfies the condition.
Note: some returns false for empty arrays.

Using

let numbers = [1, 8, 9, 5];
let isEven = (n) => n % 2 === 0;

// true because there are 8

 

The difference between includes and some?

Includes simply determines whether a particular element is included.
Some can determine whether certain conditions (functions can be used) are met.
If you want to find a simple array, includes is simple.
If you want to find a specific value from an associative array or object, you may want to use some and use a function.

LINEで送る