Basic Javascript, How can i filter an array by numeric value?

Question

this is my first question on this community and i'm a novice programmer with JavaScript.

I have something like this:

let dog = [["extra small", 2], ["small", 5], ["medium", 7], ["big", 9], ["extra big", 12]];

Taking the data of the previous array, i want to create a new array just with the numeric values, for example:

ages = [2, 5, 7, 9, 12]

I tried to use "filter", but i don't know how to properly use it, also i tried to search some references to make it work but i couldn't.

Thanks in advance (and sorry for my poor english, but i suppose you get the idea).

nick zoum · Accepted Answer · 2021-06-17 11:10:28Z

1

You can first use Array#map to get just the numbers and then Array#sort to sort the numbers

let dog = [
  ["extra small", 2],
  ["small", 5],
  ["medium", 7],
  ["big", 9],
  ["extra big", 12]
];

let ages = dog.map(([size, age]) => age).sort((a, b) => a - b);

console.log(ages);

answered Jun 17, 2021 at 11:10

nick zoum

6,6538 gold badges43 silver badges93 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Love Akinlesi · Accepted Answer · 2021-06-17 12:17:40Z

Here are my thoughts on how to achieve this.

Using Array#Map and Array#filter. Basically, mapping each element of the array, then checking for the numeric values in the subArray using JavaScript#isNaN() and returning the numbers.

isNaN() checks if the value type is not a number. !isNaN() reverses that response.

flat() is used to flatten the final result to a single array. Alternatively, you can change map() to flatMap()

 // map(), isNaN(), filter(), flat()
 let newArr = dog.map((arr) => arr.filter((val) => !isNaN(val))).flat();
 console.log(newArr); // [ 2, 5, 7, 9, 12 ]


 // flatMap(), isNaN(), filter()
 let newArr = dog.flatMap((arr) => arr.filter((val) => !isNaN(val)));
 console.log(newArr); // [ 2, 5, 7, 9, 12 ]

Using function. This is similar to the first, however, instead of using map() we use a Array#forEach to loop through the array.

function getNumeric(array) {
    let result = [];
    array.forEach((arr) => {
        let res = arr.filter((a) => !isNaN(a));
        result.push(...(res));
    });
    return result;
}
let newArr = getNumeric(dog);
console.log(newArr); // [ 2, 5, 7, 9, 12 ]

Not A Robot · Accepted Answer · 2021-06-17 12:21:59Z

0

let dog = [
  ["extra small", 2],
  ["small", 5],
  ["medium", 7],
  ["big", 9],
  ["extra big", 12]
];

const newArr = dog.map(item => {
  return item[1]
})

console.log(newArr);

edited Jun 17, 2021 at 12:21

Not A Robot

2,7002 gold badges20 silver badges37 bronze badges

answered Jun 17, 2021 at 11:24

Tirtha

8721 gold badge12 silver badges29 bronze badges

Collectives™ on Stack Overflow

Basic Javascript, How can i filter an array by numeric value?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related