Cross browser array filtering in javascript

Question

Cross browser array filtering in javascript

I'm facing a challenge that I haven't been able to find a solution to yet. I have an array, let's say var oldArr=['one','two','3'];, and I need to create a new array containing only the string values. Currently, I'm using the Array.filter method which works fine. However, someone mentioned that it may not be supported in all browsers. So, I'm wondering how I can filter my array with a solution that works across all browsers.

Here's my current code:

var oldArr=['one','two','3'];
newArr=oldArr.filter(function(a){
return !a.match(/\d/);
});
alert(newArr);

Thank you for your help in advance.

javascript arrays

Answer 1

Answer №1

Perhaps this is what you are looking for

if (!Array.prototype.filter) {
    Array.prototype.filter = function(fun /*, thisp*/) {
        var len = this.length >>> 0;
        if (typeof fun != "function") {
            throw new TypeError();
        }

        var res = [];
        var thisp = arguments[1]; 
        for (var i = 0; i < len; i++) {
            if (i in this) {
                var val = this[i];
                if (fun.call(thisp, val, i, this)) {
                    res.push(val);
                }
            }
        }

        return res;
    };
}

var oldArr = ['one','two','3'];
    newArr=oldArr.filter(function(a){
    return !a.match(/\d/);
});
console.log(newArr);

Reference: MDN.

DEMO.

Answer 2

Perhaps this is what you are looking for

if (!Array.prototype.filter) {
    Array.prototype.filter = function(fun /*, thisp*/) {
        var len = this.length >>> 0;
        if (typeof fun != "function") {
            throw new TypeError();
        }

        var res = [];
        var thisp = arguments[1]; 
        for (var i = 0; i < len; i++) {
            if (i in this) {
                var val = this[i];
                if (fun.call(thisp, val, i, this)) {
                    res.push(val);
                }
            }
        }

        return res;
    };
}

var oldArr = ['one','two','3'];
    newArr=oldArr.filter(function(a){
    return !a.match(/\d/);
});
console.log(newArr);

Reference: MDN.

DEMO.

Answer 3

Answer №2

let originalArray = ['one', 'two', '3'];
let newArray = [];
for (let index = 0; index < originalArray.length; index++) {
    if (isNaN(originalArray[index])) {
        newArray.push(originalArray[index]);
    }
}

isNaN is a function that determines if a value can be converted to a number and is compatible across different web browsers.

If you are looking to extract items that are actually numbers from the array, you can simply negate the isNaN function in the conditional statement:

if (!isNaN(originalArray[index])) {

Answer 4

let originalArray = ['one', 'two', '3'];
let newArray = [];
for (let index = 0; index < originalArray.length; index++) {
    if (isNaN(originalArray[index])) {
        newArray.push(originalArray[index]);
    }
}

isNaN is a function that determines if a value can be converted to a number and is compatible across different web browsers.

If you are looking to extract items that are actually numbers from the array, you can simply negate the isNaN function in the conditional statement:

if (!isNaN(originalArray[index])) {

Cross browser array filtering in javascript

Answer №1

Answer №2

Similar questions

Leveraging AJAX with React Router

Refreshing Child's Activities

Ways to extract text from a temporary element

Disable the swipe feature on a Bootstrap carousel to prevent users from navigating through slides on mobile devices. The attribute data-touch="

Securely package tailor-made services within an application

Listen for a click event on an Unordered List using addEventListener

Discover the DOM events present in an HTML response

Utilizing .isDisplayed() in conjunction with .each() in ProtractorJS for Angular: A guide

Managing Page Refresh using AngularJS Service and Views

In React using Flow Type, the syntax [...mySet] doesn't function as expected, while Array.from(mySet) successfully converts the

Create a variety of exam papers using text documents

What are the key steps in pinpointing and saving the central positions of dots within a grid?

Is it possible to have a page transition when clicking a form button

Discovering the magic of nesting maps in React-Native without the need for

Transferring identification data between views within an application (AngularJS, NodeJs, HTML)

5 Simple Steps for Adding a Value to a Popup Textbox Automatically

retrieving the parent of the a tag from a jquery form

If the console is not open, console.log will not update

Steps for including a new script in package.json

What is the best way to assign a distinct index value to each object in an array