Changing array value when condition is met in javascript

Question

Let's say I have an array var arr = [3,4,5,6,7,9]; and I log the contents like this:

$.each(arr, function(k, v) {
  console.log(v);
}

As I log the contents I want to check if the current value is bigger than for example var limit = 5;.

If the current value is bigger than limit I want to replace/change that value to let's say the letter A and print it out as such. So my logged arr array would look like this 3,4,5,A,A,A.

I was thinking about something like this:

$.each(arr, function(k,v) {
  if (v > limit) {
    // set this specific value equal to limit
    // log changed value
  }
  console.log(v); // otherwise just log the value found
});

I tried this, but it does nothing, no errors either.

Your code seems alright. Except for a missing closing brace. While the first code snippet is missing a closing bracket. — kirelagin
– kirelagin, Commented Jun 2, 2013 at 10:27
Also note that according to your comment, you are going to print each modified value twice. — kirelagin
– kirelagin, Commented Jun 2, 2013 at 10:29

sanchez · Accepted Answer · 2013-06-02 11:15:01Z

9

JSFIDDLE: http://jsfiddle.net/nsgch/8/

var arr = [3,4,5,6,7,9];
var limit = 5;

$.each(arr, function(k,v) {
  if (v > limit) {
       arr[k] = 'A'; 
  }
  console.log( arr[k] ); 
});

edited Jun 2, 2013 at 11:15

answered Jun 2, 2013 at 10:28

sanchez

4,5303 gold badges25 silver badges56 bronze badges

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

Comments

Alireza · Accepted Answer · 2019-07-04 15:31:40Z

5

You can simply write somethig like this to handle these scenarios...

Imagine you have:

const arr = [0, 1, 6, 12, 0, 78];

Use something like:

arr.map(a => a === 0 ? "a" :a);

and the result will be:

["a", 1, 6, 12, "a", 78];

edited Jul 4, 2019 at 15:31

answered Jul 3, 2019 at 16:04

Alireza

105k27 gold badges280 silver badges173 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:11:20Z

2

It depends how you were doing the "set this specific value equal to limit". If you were doing;

$.each(arr, function(k,v) {
  if (v > limit) {
    v = "A";
    // log changed value
  }
  console.log(v); // otherwise just log the value found
});

You were changing only the local variable v, rather than the element arr[k]. You can either update arr[k] like in @san.chez answer, or use $.map;

var filtered = $.map(arr, function(v,k) {
  if (v > limit) {
    return "A";
  }

  return v;
});

... then filtered would be your array [1,2,4,A,A], and arr would be unchanged. Note the swapping of k and v parameters; jQuery is consistent like that ^/sarcasm

Note also that both of your code samples are missing the closing }.

edited May 23, 2017 at 12:11

CommunityBot

11 silver badge

answered Jun 2, 2013 at 10:31

Matt

75.4k26 gold badges156 silver badges181 bronze badges

Comments

Thomas Junk · Accepted Answer · 2013-06-02 10:33:35Z

1

var arr = [3,4,5,6,7,9];
arr=arr.map(function(elem){ return elem>5?"A":elem; });
arr.forEach(function(elem){
    console.log(elem);
})

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

answered Jun 2, 2013 at 10:33

Thomas Junk

5,6962 gold badges34 silver badges48 bronze badges

3 Comments

Matt Over a year ago

It's worth noting that Array.prototype.map is an ES5 method, and not cross-browser; the ES5 shim can be added to ensure support for older browsers

Thomas Junk Over a year ago

As far as I can see, there is a compatibility info in the link I posted. And in case you have an older browser, you can download a new one for free :)

Matt Over a year ago

I know there's a compatibility section in the link you posted (the shim I linked to links to that section!), but just for the drive-byers who don't click your link, it's important to note.

Collectives™ on Stack Overflow

Changing array value when condition is met in javascript

4 Answers 4

Comments

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related