How to assign object values from an array in Javascript

Question

I've made a constructor for an object called "Book". I've captured all the values from a form in an array. Now I want to assign the values of this array to this constructor. However, I'm quite stuck because I don't seem to find what I'm looking for on Google or StackOverflow.

Here's my code:

let formArray = [];
document.querySelectorAll('input[type="text"]').forEach(function (node) {
    formArray.push(node.value);
});

let newBook = new Book();
let idx = 0;
Object.keys(newBook).forEach(function (k) {
    k = formArray[idx];
})

However, this is my log:

Book {title: undefined, author: undefined, nPages: undefined, isRead: undefined}
title: undefined
author: undefined
nPages: undefined
isRead: undefined

Please help me figure this out!

Yeah formArray.push(node.value) works as expected, console.log(formArray) returns: ["1", "1", "1", "1"] (for example). — Sebastiaan
– Sebastiaan, Commented May 3, 2020 at 8:35

thedude · Accepted Answer · 2020-05-03 08:38:11Z

2

This is how you can setup something like what you are after, I've including just two properties for simplicity.

class Book {
  constructor({ title, author }) {
    this.title = title
    this.author = author
  }
}

const values = {}
document.querySelectorAll('input[type="text"]').forEach(function (node) {
    values[node.name] = node.value
});

console.log(new Book(values))

<input type="text" name="title" value="The Never Ending Story" />
<input type="text" name="author" value="Michael Ende" />

answered May 3, 2020 at 8:38

thedude

9,8371 gold badge34 silver badges33 bronze badges

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

Comments

arslan · Accepted Answer · 2020-05-03 08:09:15Z

0

let formArray = [];
document.querySelectorAll('input[type="text"]').forEach(function (node) {
    formArray.push(node&&node.value);
});

let newBook = new Book();
let idx = 0;
Object.keys(newBook).forEach(function (k) {
    k = formArray[idx];
})

try this one i think js running code before node.value

answered May 3, 2020 at 8:09

arslan

1,14212 silver badges20 bronze badges

Collectives™ on Stack Overflow

How to assign object values from an array in Javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related