jQuery .map into array

Question

I don't know how I would .map into an array. I want to get all values of children but 2 and then put it into an array format.

Here's the code I'm attempting it with:

$("#schoolSupplies").submit(function() {
    var test = $(":input").not("#numOfSupplies, #submitBtn").map(function() {
        return $(this).val();
    })
    .get()
  .join( "\", \"" );

    console.log(test);
});

And this is the output: Billy", "John

I have been working on this for about an hour and I have no idea how.

Could you show example input and output, the desired output and what you are actually getting? — Andrew Li
– Andrew Li, Commented Sep 20, 2016 at 4:15
Here's an output of what I get if I make more than just output 3", "1", "5", " I want something like that but I don't want the first and last element to not have " and I want everything to be surrounded by [ ]. Why would you need HTML for it? — SeanOMik
– SeanOMik, Commented Sep 20, 2016 at 4:20
If you want the string representation of an array, I suspect what you're looking for is JSON.stringify(). — Barmar
– Barmar, Commented Nov 22, 2024 at 17:07

Sᴀᴍ Onᴇᴌᴀ · Accepted Answer · 2024-11-22 16:56:02Z

29

The jQuery .get() method returns an Array ¹.

If the call to the Array .join() method was removed then test would simply be an array; otherwise test would be a string (since that is what the .join() method returns).

$("#schoolSupplies").submit(function() {
  var arrayOfValues = $(":input").not("#numOfSupplies, #submitBtn")
    .map(function() {
      return $(this).val();
    })
    .get()
  //.join( "\", \"" ) // this String method returns a string
  ;

  console.log('arrayOfValues is array: ', Array.isArray(arrayOfValues) ? 'yes' : 'no');
  console.log(' contents of arrayOfValues: ', arrayOfValues);
  return false; //for demonstration purposes, don't submit form normally
});
$($("#submitBtn").click());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="schoolSupplies">
  Supply Name:  <input id="name" type="text" value="Tables" /><br />
  Student Name: <input id="studentName" type="text" value="Bobby" /><br /> 
  # of Supplies: <input id="numOfSupplies" type="number" value="3" /><br />
  <input type="submit" id="submitBtn" />
</form>

edited Nov 22, 2024 at 16:56

answered Sep 20, 2016 at 4:21

Sᴀᴍ Onᴇᴌᴀ

8,2928 gold badges38 silver badges61 bronze badges

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

2 Comments

JHBonarius Over a year ago

I found toArray() also works... which one is 'better'? (or is there no such thing as "better" in javascript?)

Sᴀᴍ Onᴇᴌᴀ Over a year ago

It appears .toArray() was added in version 1.4 while .get() was added in version 1.0, which is likely why the documentation for .map() suggests using it. “Better” is subjective - one could argue semantically toArray is better but get returns the same and is shorter to write. See also this related GH issue.

Barmar · Accepted Answer · 2024-11-22 17:08:20Z

0

It looks like what you're trying to create is a JSON string representing the array, so use JSON.stringify().

$("#schoolSupplies").submit(function() {
  var test = $(":input").not("#numOfSupplies, #submitBtn").map(function() {
      return $(this).val();
    })
    .get()

  console.log(JSON.stringify(test));
});

answered Nov 22, 2024 at 17:08

Barmar

789k57 gold badges554 silver badges669 bronze badges

Comments

madalinivascu · Accepted Answer · 2016-09-20 04:33:36Z

-1

Try the following

$("#schoolSupplies").submit(function() {
    var test = $(":input").not("#numOfSupplies, #submitBtn").map(function() {
        return $(this).val();
    })
    .get()
  .join( "\", \"" );
    test = '["'+test+'"]';//note this is a string not a array
    console.log(test);
});

answered Sep 20, 2016 at 4:33

madalinivascu

32.4k4 gold badges41 silver badges59 bronze badges

Collectives™ on Stack Overflow

jQuery .map into array

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related