JSON ファイルを使用してテーブルを作成しようとしています。私が望むのは、いくつかのポケモンがリストされたテーブルを持つことです (JSON ファイルにリストされているポケモン)。私は.jsの初心者です。
JSON ファイルは次のとおりです (2 つのポケモンのみを追加しました)。
{
"n001": {
"nome": "Bulbasaur",
"altrinomi": ["Fushigidane", "フシギダネ", "Bulbizarre", "Bisasam", "이상해씨"],
"numero": [80, null, null],
"genere": [87.5, 12.5],
"tipo": ["Erba", "Veleno"],
"classificazione": "Seme",
"altezza": "0.7m",
"peso": "6.9kg",
"cattura": 45,
"passiuova": 5120,
"abilità": ["Erbaiuto"],
"abilitànascosta": "Clorofilla",
"esperienza": 1059860,
"felicitàbase": 70,
"PAguadagnati": [0, 0, 0, 1, 0, 0],
"lottaaerea": false,
"gruppouova": ["Mostro", "Erba"],
"statsbase": [45, 49, 49, 45, 65, 65]
},
"n002": {
"nome": "Ivysaur",
"altrinomi": ["Fushigisou", "フシギソウ", "Herbizarre", "Bisaknosp", "이상해풀"],
"numero": [81, null, null],
"genere": [87.5, 12.5],
"tipo": ["Erba", "Veleno"],
"classificazione": "Seme",
"altezza": "1.0m",
"peso": "13.0kg",
"cattura": 45,
"passiuova": 5120,
"abilità": ["Erbaiuto"],
"abilitànascosta": "Clorofilla",
"esperienza": 1059860,
"felicitàbase": 70,
"PAguadagnati": [0, 1, 0, 0, 1, 0],
"lottaaerea": false,
"gruppouova": ["Mostro", "Erba"],
"statsbase": [60, 62, 63, 80, 80, 60]
}
}
そして、これは内部にテーブルを構築するための JavaScript を含む HTML ページです。
<html lang="it">
<head>
<title>Pokédex XY - Uxie Dex</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../_styles/styles.css">
<script type="text/javascript" src="../_js/jquery-2.0.3.min.js"></script>
</head>
<body>
<div class="container pad">
<div><!-- Kalos Centrale -->
<p>Kalos Centrale</p>
<table class="list" id="dexlist61"></table>
</div>
<div><!-- Kalos Costiera -->
<p>Kalos Costiera</p>
<table class="list" id="dexlist62"></table>
</div>
<div><!-- Kalos Montana -->
<p>Kalos Montana</p>
<table class="list" id="dexlist63"></table>
</div>
<div><!-- Nazionale -->
<p>Nazionale</p>
<table class="list" id="dexlist6"></table>
</div>
</div>
<div class="header">
<p>
<a href="../pokedex-xy">Pokédex</a>
<a href="../movedex-xy">Movedex</a>
<a href="../abilitydex-xy">Abilitydex</a>
<a href="../routedex-xy">Routedex</a>
<a href="../calcolatore">Calcolatore</a>
<a href="../faq" class="h">FAQ</a>
</p>
</div>
<script type="text/javascript">
$.getJSON("database/pokemon.json", function(pokemon) {
dexlist61_str="";
dexlist61_str+="<thead><tr><th>No.</th><th></th><th>Nome</th><th>Tipo</th></thead><tbody>";
// sort items
var sortedPokemon = sortDex();
// table body
for(var i=0;i<sortedPokemon.length;i++) {
dexlist61_str+="<tr><td>"+i+"</td><td>"+pokemon[sortedPokemon].nome+"</td></tr>";
}
dexlist61_str+="</tbody>";
document.getElementById("dexlist61").innerHTML=dexlist61_str;
// scrivi una lista dei pokémon appartenenti al dato dex
function sortDex() {
// sort pokemon corresponding to central Kalos number
var sortedPokemonArr = new Array();
for(var i=0;i<pokemon.length;i++) {
if(!isInDex(sortedPokemonArr, pokemon[i].numero[0]))
sortedPokemonArr[i] = pokemon[i].numero[0];
}
sortedPokemonArr = sortedPokemonArr.sort(function(a,b){return a-b});
// sort pokemon of central Kalos
var sortedPokemon = new Array();
for(var i=0;i<sortedPokemonArr.length;i++) {
for(var j=0;j<pokemon.length;j++) {
if(pokemon[j].numero[0] == sortedPokemonArr[i]) {
sortedPokemon[i] = j;
}
}
}
return sortedPokemon;
}
// appartiene al dex che sto elencando?
function isInDex(arr, elem) {
for(var i=0;i<arr.length;i++) {
if(arr[i] == elem)
return true;
}
return false;
}
});
</script>
</body>
私はそれを行うためにこの種の関数を使用しようとしました: https://sites.google.com/site/conciseexamples/javascript-examples/json-examples/json-to-table
私がやったことは次のとおりです。
- ポケモンが中心カロス数 (配列 pokemon[i].numero の最初の値) を持っているかどうかを確認します
- ポケモンに中心カロス数がある場合、その数を配列 sortedPokemonArr に追加します
- 配列を数値順に並べ替える (1 から 151 までのポケモン)
- 151 匹のポケモンのそれぞれについて、それらの国番号を保存します。
- 最初の列が 1 から 151 までの数字のリストで、2 番目の列が中央のカロス番号で並べられたポケモンのリストである表を作成します。
誰かが私の間違いを教えてくれますか? XD この質問で申し訳ありません。読むだけでも時間がかかることは承知しています XD
前もって感謝します:D