What is the best way to sort specific elements in an array?

Question

What is the best way to sort specific elements in an array?

Looking at this array:

let arr = [ 'file_1.jpg' , 'file_2.png', 'file_3.pdf', 'file_4.html', 'folder.db' ]

I am interested in filtering out files with .jpg and .png extensions.

arr.filter() // expected result: [ 'file_1.png','file_2.png' ]

javascript arrays

Answer 1

Answer №1

filteredArray = arr.filter(link => link.endsWith(".png") || link.endsWith(".jpg"));

Answer 2

filteredArray = arr.filter(link => link.endsWith(".png") || link.endsWith(".jpg"));

Answer 3

Answer №2

Utilize Regular Expression for Filtering:

const fileArray = [ 'file_1.jpg' , 'file_2.png', 'file_3.pdf', 'file_4.html', 'folder.db' ];

const regexPattern = /\.(png|jpg)$/; // select files ending with .png or .jpg
const filteredFiles = fileArray.filter((fileName) => regexPattern.test(fileName));

console.log(filteredFiles);

Answer 4

Utilize Regular Expression for Filtering:

const fileArray = [ 'file_1.jpg' , 'file_2.png', 'file_3.pdf', 'file_4.html', 'folder.db' ];

const regexPattern = /\.(png|jpg)$/; // select files ending with .png or .jpg
const filteredFiles = fileArray.filter((fileName) => regexPattern.test(fileName));

console.log(filteredFiles);

Answer 5

Answer №3

 let filteredLinks = arr.filter( link => link.endsWith(".png") || link.endsWith(".jpg"));

Answer 6

 let filteredLinks = arr.filter( link => link.endsWith(".png") || link.endsWith(".jpg"));

Answer 7

Answer №4

Unique Filter Function

The filter function in this unique example accepts a callback function that evaluates each item in the list and returns a boolean value.

An example is shown where a custom function uses a regular expression to determine if a given string is either a png or jpg.

Creating a Custom Filtering Expression

In this scenario, JavaScript regular expressions are defined within forward slashes: //
To match a dot character (any character) in a string requires escaping it with a backslash: /\./
To specify multiple options for matching strings, parentheses () and the pipe symbol (|) are used: /\.(jpg|png)/
To indicate that the match should be at the end of the text, add a dollar sign $ at the end: /\.(jpg|png)$/

The usage of the test function allows you to verify if a string adheres to the defined expression.

arr.filter(isJPEG);

function isJPEG(text) {
    return /\.(jpg|png)$/.test(text);
}

Custom Example Showcase

var arr = ['file_1.jpg', 'file_2.png', 'file_3.pdf', 'file_4.html', 'folder.db'];

var filteredList = arr.filter(isJPEG);

console.log(JSON.stringify(filteredList));

function isJPEG(text) {
    return /\.(jpg|png)$/.test(text);
}

Answer 8

Unique Filter Function

The filter function in this unique example accepts a callback function that evaluates each item in the list and returns a boolean value.

An example is shown where a custom function uses a regular expression to determine if a given string is either a png or jpg.

Creating a Custom Filtering Expression

In this scenario, JavaScript regular expressions are defined within forward slashes: //
To match a dot character (any character) in a string requires escaping it with a backslash: /\./
To specify multiple options for matching strings, parentheses () and the pipe symbol (|) are used: /\.(jpg|png)/
To indicate that the match should be at the end of the text, add a dollar sign $ at the end: /\.(jpg|png)$/

The usage of the test function allows you to verify if a string adheres to the defined expression.

arr.filter(isJPEG);

function isJPEG(text) {
    return /\.(jpg|png)$/.test(text);
}

Custom Example Showcase

var arr = ['file_1.jpg', 'file_2.png', 'file_3.pdf', 'file_4.html', 'folder.db'];

var filteredList = arr.filter(isJPEG);

console.log(JSON.stringify(filteredList));

function isJPEG(text) {
    return /\.(jpg|png)$/.test(text);
}

What is the best way to sort specific elements in an array?

Answer №1

Answer №2

Answer №3

Answer №4

Unique Filter Function

Creating a Custom Filtering Expression

Custom Example Showcase

Similar questions

Having difficulty accessing the sound file despite inputting the correct path. Attempts to open it using ./ , ../ , and ../../ were unsuccessful

LiveValidation plugin causing issue with removing dynamically inserted elements

Determine if a Numpy array exists within a collection of Numpy arrays - encountering issues with the .all()

Use a combination of the reduce and map functions in JavaScript to transform a one-dimensional array into a multi-dimensional array

Nested Ajax calls within a loop

Using Symfony2 to make an Ajax request in order to show a message based on a particular condition

Updating text in JavaScript within a different HTML document

Decouple configuration from primary execution within RequireJS

A code to ensure input values are always set to the maximum possible value

How can I use ajax to request data from PHP and retrieve several variables at once?

Retrieve the current exchange rate for the specified trading pair in United States Dollars

Customize time formatting in Angular to accommodate localized time formats

QUnit disregard error originating from the source

Error encountered while attempting to attach event handler to <form> generated by .load using jQuery

Program sample experiences a sudden crash

Ways to retrieve the previous location of a mesh

I find myself with just one button in my javascript function, but I actually need two

What is the reason unboxed arrays do not qualify as a foldable instance?

Ordering dynamically in AngularJS without relying on the second input variable

Eratosthenes' Filtering Method in Rust