LWC: Array Methods (Part 3/5)

Array.prototype.some()

The some() method tests whether at least one element in the array passes the test implemented by the provided function. It returns true if, in the array, it finds an element for which the provided function returns true; otherwise it returns false. It doesn't modify the array.

const array1 = [1, 2, 3, 4, 5];

// Check if at least one element in the array is even
const isEven = array1.some(x => x % 2 === 0);
console.log(isEven); // true

const array2 = ['a', 'b', 'c'];

// Check if at least one element in the array is 'a'
const hasA = array2.some(x => x === 'a');
console.log(hasA); // true

const array3 = [1, 2, 3];

// Check if at least one element in the array is greater than 3
const hasGreaterThanThree = array3.some(x => x > 3);
console.log(hasGreaterThanThree); // false

Let’s see it with examples in LWC :

import { LightningElement } from 'lwc';

export default class SomeExample extends LightningElement {
    array1 = [1, 2, 3, 4, 5];
    array2 = ['a', 'b', 'c'];
    array3 = [1, 2, 3];

    // Check if at least one element in the array is even
    get isArray1Even() {
        return this.array1.some(x => x % 2 === 0);
    }

    // Check if at least one element in the array is 'a'
    get isArray2A() {
        return this.array2.some(x => x === 'a');
    }

    // Check if at least one element in the array is greater than 3
    get isArray3GreaterThanThree() {
        return this.array3.some(x => x > 3);
    }
}

<template>
    <div>
        <p>Is at least one element in array1 even? {isArray1Even}</p>
        <p>Is at least one element in array2 'a'? {isArray2A}</p>
        <p>Is at least one element in array3 greater than 3? {isArray3GreaterThanThree}</p>
    </div>
</template>

That’s all folks!

If you find this informative, do like and share.