使用 Javascript（无 jquery）从 2 个 json 字符串追加数据 - 追加不是函数

Question

我有我字符串化的表单数据，看起来像这样

{"name":"jack miller", "address":"123 main st"} 

我想追加更多记录，但我得到“追加不是函数”

目标是拥有这个 {"name":"jack miller", "address":"123 main st"}, {"name":"new guy", "address":"new address"}

const s = this hold master data
const data = new FormData(e.target);
let m = JSON.stringify(Object.fromEntries(data));

let c = s.concat(m)  // concat doesn't include a comma 
let d = s.append(m)  // append throw error of  append is not a function

因此，虽然我倾向于使用 json 字符串，但我可以转换为对象或数组，然后再转换为更好或更容易附加等。

为什么不追加工作？

更新：有formdata https://jsfiddle.net/fx6ebaj5的jsfiddle

那个“m”是我需要添加数据的地方。

Answer 1

如何将对象添加到数组中

let arr = [{"name":"jack miller", "address":"123 main st"} 
];

不修改实际数组

let obj = {"name":"John", "address":"432 main st"} 
let newArr = [...arr, obj];
console.log(newArr);

let appendArr=arr.concat(obj)
console.log(appendArr);

修改后的实际数组

arr.push(obj)
console.log(arr)

Answer 2

在 Javascript 中有两种复制对象的方法。一种是浅拷贝，另一种是深拷贝。复制对象的最佳方法是深复制 功能，因为它不会影响对复制的所做的更改。

JSON.stringify turns an object into a string. JSON.parse turns a string into an object.

结合它们可以将一个对象变成一个字符串，然后逆向创建一个全新的数据结构。

nestedObject = [
 {"name":"jack miller", "address":"123 main st"},
 {"name":"jon", "address":"13 main st"}];

numbersCopy = JSON.parse(
JSON.stringify(nestedNumbers)
);

numbersCopy.push({"name":"Shawn", "address":"13 main st"});
console.log(nestedObject, numbersCopy);

[
 {"name":"jack miller", "address":"123 main st"},
 {"name":"jon", "address":"13 main st"}
];

[
 {"name":"jack miller", "address":"123 main st"},
 {"name":"jon", "address":"13 main st"},
 {"name":"Shawn", "address":"13 main st"}
];

// These two arrays are completely separate!

因此，在您的情况下，根据您的要求转换 m，我将执行以下步骤

const m = {hello: "hello", hi: "hi"}
let mArray = []

for (let [key, value] of Object.entries(m)) {
  let obj = {}
  obj.key = value
  mArray.push(obj)
}

mArray.push({"name":"Shawn", "address":"13 main st"})

所以我将您的 m 对象转换为数组。它现在应该可以工作了。