Structure des données - Comment combiner des données json dans un tableau d'objets en javascript ?
迷茫
迷茫 2017-05-19 10:11:19
0
4
788

comme

{"name": "111", "password": "111", "title": "111", "tag": "111", "contents": "1111"}, {" nom ": "222", mot de passe "22", titre "22", tag "22", contents "222"}, {" nom "11", " mot de passe ": "11", "title": "11", "tag": "11", "contents": "11111"}

Convertir en

[{"name": "111", "password": "111", "title": "111", "tag": "111", "contents": "1111"}, {" nom " :"222", mot de passe "22", "titre": "22", "tag": "22", "contents": "222"}, {" nom " "11", " mot de passe " :"11", "title": "11", "tag": "11", "contents": "11111"}]

Pour ajouter, ce sont les données transmises du backend au frontend

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

répondre à tous(4)
迷茫

仅有的幸福
// 把数据往里面一扔
var tx = {
    a: {"name": "`111", "password": "111", "title": "111", "tag": "111", "contents": "1111"},
    b: {"name": "222", "password": "22", "title": "22", "tag": "22", "contents": "222"},
    c: {"name": "11", "password": "11", "title": "11", "tag": "11", "contents": "11111"}
};
var sb = [];
// 遍历栈入
for (var tb in tx) {
    sb.push(tx[tb])
}
console.log(sb[]);
巴扎黑

J'ai amélioré le code à l'étage et j'ai obtenu l'effet recherché par l'affiche

var obj = {
    a: {"name": "111", "password": "111", "title": "111", "tag": "111", "contents": "1111"},
    b: {"name": "222", "password": "22", "title": "22", "tag": "22", "contents": "222"},
    c: {"name": "11", "password": "11", "title": "11", "tag": "11", "contents": "11111"}
};
var result = [];
for (var key in obj) {
    result.push(obj[key]);
}
console.log(JSON.stringify(result));

Peter_Zhu

Ce que vous voulez dire, c'est :
Mettez les données du fichier .json envoyé depuis le backend dans le nouveau tableau d'objets du frontend.
Ajax est requis pour la transmission (un exemple est la méthode ajax de jquery. Vous pouvez également essayer axios, qui est plus populaire maintenant).

Hypothèses :
1. Le fichier qui doit être transmis est test.json
2 Le contenu des données de test.json est

.
{
    "userone":{"name":"111","password":"111","title":"111","tag":"111","contents":"1111"},
    "usertwo":{"name":"222","password":"22","title":"22","tag":"22","contents":"222"},
    "userthree":{"name":"11","password":"11","title":"11","tag":"11","contents":"11111"}
}

Conversion :
1. Obtenez les données via ajax, et le contenu obtenu est stocké dans les données
2 Parcourez les données json et enregistrez-les dans un nouveau tableau d'objets, et exécutez-le dans la fonction de réussite

.
function getJson(){
        $.ajax({
            type:"GET",
            url:"test.json",
            dataType:"json",
            success:function(data){
                var jsonData=data;
                var newObject=[];
                for (var key in jsonData) {
                    newObject.push(jsonData[key])
                }
                JSON.stringify(newObject);
                console.log(newObject);
            }
        })
}
getJson();
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!