Bagaimana cara menambahkan atribut baru (elemen) untuk objek JSON menggunakan JavaScript?
JSON merupakan singkatan dari JavaScript Object Notation. Objek JSON adalah benar-benar sebuah string yang belum berubah menjadi objek yang diwakilinya.
Untuk menambahkan properti untuk objek yang ada di JS anda bisa melakukan hal berikut.
object["property"] = value;
atau
object.property = value;
Jika anda memberikan beberapa info tambahan seperti apa yang perlu anda lakukan dalam konteks anda mungkin mendapatkan lebih disesuaikan menjawab.
var jsonObj = {
members:
{
host: "hostName",
viewers:
{
user1: "value1",
user2: "value2",
user3: "value3"
}
}
}
var i;
for(i=4; i<=8; i++){
var newUser = "user" + i;
var newValue = "value" + i;
jsonObj.members.viewers[newUser] = newValue ;
}
console.log(jsonObj);
Objek JSON hanya objek javascript, sehingga dengan Javascript menjadi prototipe berbasis bahasa, semua harus anda lakukan adalah mengatasinya dengan menggunakan notasi titik.
mything.NewField = 'foo';
terima kasih untuk posting ini. Saya ingin menambahkan sesuatu yang dapat berguna.
Untuk IE, itu lebih baik untuk menggunakan
object["property"] = value;
sintaks karena beberapa kata-kata khusus di IE dapat memberikan anda sebuah kesalahan.
Contoh:
object.class = 'value';
ini gagal di IE, karena "hotel" adalah kata khusus. Saya menghabiskan beberapa jam dengan ini.
Dengan ECMAScript 2015 dapat anda gunakan Menyebar Sintaks (tiga titik):
let people = {id: 4 ,firstName: 'John'};
people = {...people, secondName:'Forget'};
It's memungkinkan anda untuk menambahkan sub benda:
people = {...people, city:{estate: 'Alabama'}};
hasilnya akan menjadi:
{
"id":4,
"firstName":"John",
"secondName":"Forget",
"city":{
"estate":"Alabama"
}
}
Anda juga dapat menggabungkan objek:
var mergedObj = { ...obj1, ...obj2 };
Anda juga dapat menggunakan Objek.menetapkan
dari ECMAScript 2015
. Hal ini juga memungkinkan anda untuk menambahkan bersarang atribut sekaligus. E. g.:
const myObject = {};
Object.assign(myObject, {
firstNewAttribute: {
nestedAttribute: 'woohoo!'
}
});
Ps: Ini tidak akan menimpa objek yang ada dengan diberi atribut. Sebaliknya mereka'll yang akan ditambahkan. Namun jika anda menetapkan nilai ke atribut yang ada maka akan diganti.
extend: function(){
if(arguments.length === 0){ return; }
var x = arguments.length === 1 ? this : arguments[0];
var y;
for(var i = 1, len = arguments.length; i < len; i++) {
y = arguments[i];
for(var key in y){
if(!(y[key] instanceof Function)){
x[key] = y[key];
}
}
};
return x;
}
Meluas beberapa objek json (mengabaikan fungsi):
extend({obj: 'hej'}, {obj2: 'helo'}, {obj3: {objinside: 'yes'}});
Akan menghasilkan satu objek json
Anda juga dapat menambahkan objek json ke json, menggunakan memperpanjang fungsi,
var newJson = $.extend({}, {my:"json"}, {other:"json"});
// result -> {my: "json", other: "json"}
Pilihan yang sangat baik untuk memperluas fungsi rekursif merge. Hanya menambahkan nilai yang benar sebagai parameter pertama (baca dokumentasi untuk lebih banyak pilihan). Contoh,
var newJson = $.extend(true, {}, {
my:"json",
nestedJson: {a1:1, a2:2}
}, {
other:"json",
nestedJson: {b1:1, b2:2}
});
// result -> {my: "json", other: "json", nestedJson: {a1:1, a2:2, b1:1, b2:2}}
Menggunakan $.memperpanjang()
dari jquery, seperti ini:
token = {_token:window.Laravel.csrfToken};
data = {v1:'asdass',v2:'sdfsdf'}
dat = $.extend(token,data);
Saya harap anda melayani mereka.