[英]How can I extract values from an array of objects
我有以下對象數組,其中每個 object 都有一個唯一的鍵值對
[
{
"nld": "Dutch",
"pap": "Papiamento"
},
{
"ara": "Arabic",
"fra": "French"
},
{
"por": "Portuguese",
"tet": "Tetum"
},
{
"deu": "German"
},
{
"hun": "Hungarian"
},
{
"eng": "English",
"gil": "Gilbertese"
},
{
"eng": "English"
},
{
"fra": "French"
},
{
"mkd": "Macedonian"
},
{
"fra": "French"
},
{
"fra": "French"
},
{
"eng": "English",
"fra": "French"
},
{
"ber": "Berber",
"mey": "Hassaniya",
"spa": "Spanish"
},
{
"eng": "English",
"mri": "Māori",
"nzs": "New Zealand Sign Language"
},
{
"eng": "English",
"spa": "Spanish"
},
{
"mya": "Burmese"
},
{
"slv": "Slovene"
},
{
"eng": "English"
},
{
"eng": "English",
"niu": "Niuean"
},
{
"ara": "Arabic"
},
{
"eng": "English"
},
{
"fra": "French"
},
{
"ara": "Arabic"
},
{
"eng": "English",
"hin": "Hindi",
"tam": "Tamil"
},
{
"por": "Portuguese",
"zho": "Chinese"
},
{
"swe": "Swedish"
},
{
"fra": "French"
},
{
"fra": "French"
},
{
"ita": "Italian"
},
{
"fra": "French"
},
{
"fas": "Persian (Farsi)"
},
{
"kir": "Kyrgyz",
"rus": "Russian"
},
{
"ara": "Arabic",
"fra": "French"
},
{
"fra": "French"
},
{
"eng": "English",
"sot": "Sotho"
},
{
"fra": "French"
},
{
"ara": "Arabic",
"fra": "French",
"zdj": "Comorian"
},
{
"spa": "Spanish"
},
{
"zho": "Chinese"
},
{
"fra": "French"
},
{
"dan": "Danish",
"fao": "Faroese"
},
{
"eng": "English",
"fra": "French"
},
{
"aym": "Aymara",
"grn": "Guaraní",
"que": "Quechua",
"spa": "Spanish"
},
{
"cnr": "Montenegrin"
},
{
"ita": "Italian"
},
{
"spa": "Spanish"
},
{
"eng": "English",
"swa": "Swahili"
},
{
"por": "Portuguese",
"pov": "Upper Guinea Creole"
},
{
"ara": "Arabic",
"eng": "English",
"tir": "Tigrinya"
},
{
"eng": "English"
},
{
"msa": "Malay"
},
{
"eng": "English"
},
{
"kal": "Greenlandic"
},
{
"eng": "English"
},
{
"eng": "English"
},
{
"eng": "English"
},
{
"fin": "Finnish",
"swe": "Swedish"
},
{
"eng": "English",
"rar": "Cook Islands Māori"
},
{
"nor": "Norwegian"
},
{
"ind": "Indonesian"
},
{
"eng": "English",
"fra": "French",
"kin": "Kinyarwanda"
},
{
"eng": "English"
},
{
"eng": "English"
},
{
"eng": "English",
"nld": "Dutch",
"pap": "Papiamento"
},
{
"eng": "English"
},
{
"fra": "French",
"por": "Portuguese",
"spa": "Spanish"
},
{
"fra": "French",
"gsw": "Swiss German",
"ita": "Italian",
"roh": "Romansh"
},
{
"khm": "Khmer"
},
{
"eng": "English"
},
{
"fra": "French"
},
{
"srp": "Serbian"
},
{
"spa": "Spanish"
},
{
"crs": "Seychellois Creole",
"eng": "English",
"fra": "French"
},
{
"ara": "Arabic"
},
{
"fra": "French",
"hat": "Haitian Creole"
},
{
"ara": "Arabic",
"arc": "Aramaic",
"ckb": "Sorani"
},
{
"div": "Maldivian"
},
{
"ara": "Arabic",
"som": "Somali"
},
{
"eng": "English"
},
{
"afr": "Afrikaans",
"eng": "English",
"nbl": "Southern Ndebele",
"nso": "Northern Sotho",
"sot": "Southern Sotho",
"ssw": "Swazi",
"tsn": "Tswana",
"tso": "Tsonga",
"ven": "Venda",
"xho": "Xhosa",
"zul": "Zulu"
},
{
"ara": "Arabic"
},
{
"sin": "Sinhala",
"tam": "Tamil"
},
{
"ara": "Arabic"
},
{
"eng": "English"
},
{
"por": "Portuguese"
},
{
"isl": "Icelandic"
},
{
"eng": "English",
"nld": "Dutch",
"pap": "Papiamento"
},
{
"spa": "Spanish"
},
{
"eng": "English",
"mlt": "Maltese"
},
{
"spa": "Spanish"
},
{
"eng": "English"
},
{
"eng": "English"
},
{
"eng": "English"
},
{
"tha": "Thai"
},
{
"aym": "Aymara",
"que": "Quechua",
"spa": "Spanish"
},
{
"dan": "Danish"
},
{
"rus": "Russian",
"uzb": "Uzbek"
},
{
"eng": "English",
"glv": "Manx"
},
null,
{
"jpn": "Japanese"
},
{
"eng": "English"
},
{
"deu": "German",
"fra": "French",
"nld": "Dutch"
},
{
"ben": "Bengali"
},
{
"eng": "English",
"ton": "Tongan"
},
{
"ara": "Arabic"
},
{
"fra": "French",
"run": "Kirundi"
},
{
"ara": "Arabic"
},
{
"eng": "English",
"smo": "Samoan"
},
{
"kor": "Korean"
},
{
"fra": "French"
},
{
"eng": "English"
},
{
"deu": "German",
"fra": "French",
"ltz": "Luxembourgish"
},
{
"eng": "English",
"smo": "Samoan",
"tkl": "Tokelauan"
},
{
"nep": "Nepali"
},
{
"fra": "French"
},
{
"eng": "English"
},
{
"eng": "English",
"tsn": "Tswana"
},
{
"est": "Estonian"
},
{
"kaz": "Kazakh",
"rus": "Russian"
},
{
"ara": "Arabic"
},
{
"nld": "Dutch"
},
{
"ces": "Czech",
"slk": "Slovak"
},
{
"spa": "Spanish"
},
{
"fra": "French"
},
{
"por": "Portuguese"
},
{
"hye": "Armenian"
},
{
"fra": "French",
"kon": "Kikongo",
"lin": "Lingala",
"lua": "Tshiluba",
"swa": "Swahili"
},
{
"ukr": "Ukrainian"
},
{
"spa": "Spanish"
},
{
"eng": "English",
"zho": "Chinese"
},
{
"eng": "English",
"pih": "Norfuk"
},
{
"eng": "English"
},
{
"fra": "French"
},
{
"eng": "English",
"fil": "Filipino"
},
{
"eng": "English"
},
{
"por": "Portuguese"
},
{
"spa": "Spanish"
},
{
"swe": "Swedish"
},
{
"vie": "Vietnamese"
},
{
"grn": "Guaraní",
"spa": "Spanish"
},
{
"bjz": "Belizean Creole",
"eng": "English",
"spa": "Spanish"
},
{
"eng": "English",
"gle": "Irish"
},
{
"eng": "English",
"fra": "French",
"mfe": "Mauritian Creole"
},
{
"eng": "English"
},
{
"fra": "French"
},
{
"eng": "English",
"pau": "Palauan"
},
{
"mon": "Mongolian"
},
{
"fra": "French"
},
{
"ara": "Arabic"
},
{
"ell": "Greek",
"tur": "Turkish"
},
{
"spa": "Spanish"
},
{
"hrv": "Croatian"
},
{
"eng": "English",
"msa": "Malay"
},
{
"ara": "Arabic"
},
{
"bel": "Belarusian",
"rus": "Russian"
},
{
"por": "Portuguese"
},
{
"amh": "Amharic"
},
{
"cha": "Chamorro",
"eng": "English",
"spa": "Spanish"
},
{
"rus": "Russian",
"tgk": "Tajik"
},
{
"ara": "Arabic",
"ber": "Berber"
},
{
"eng": "English"
},
{
"lav": "Latvian"
},
{
"eng": "English",
"swa": "Swahili"
},
{
"eng": "English",
"fra": "French",
"nld": "Dutch"
},
{
"spa": "Spanish"
},
{
"cat": "Catalan"
},
{
"eng": "English",
"jam": "Jamaican Patois"
},
{
"afr": "Afrikaans",
"deu": "German",
"eng": "English",
"her": "Herero",
"hgm": "Khoekhoe",
"kwn": "Kwangali",
"loz": "Lozi",
"ndo": "Ndonga",
"tsn": "Tswana"
},
{
"eng": "English"
},
{
"fra": "French"
},
{
"eng": "English"
},
{
"eng": "English",
"mah": "Marshallese"
},
{
"fra": "French"
},
{
"cal": "Carolinian",
"cha": "Chamorro",
"eng": "English"
},
{
"fra": "French",
"kon": "Kikongo",
"lin": "Lingala"
},
{
"slk": "Slovak"
},
{
"fra": "French"
},
{
"deu": "German"
},
{
"eng": "English",
"tvl": "Tuvaluan"
},
{
"kor": "Korean"
},
{
"rus": "Russian",
"tuk": "Turkmen"
},
{
"ara": "Arabic"
},
{
"spa": "Spanish"
},
{
"aze": "Azerbaijani",
"rus": "Russian"
},
{
"lit": "Lithuanian"
},
{
"sqi": "Albanian"
},
{
"eng": "English",
"smo": "Samoan"
},
{
"fra": "French",
"sag": "Sango"
},
{
"spa": "Spanish"
},
{
"eng": "English"
},
{
"zho": "Chinese"
},
{
"kat": "Georgian"
},
{
"eng": "English"
},
{
"fra": "French"
},
{
"pol": "Polish"
},
{
"bar": "Austro-Bavarian German"
},
{
"eng": "English"
},
{
"prs": "Dari",
"pus": "Pashto",
"tuk": "Turkmen"
},
{
"eng": "English"
},
{
"tur": "Turkish"
},
{
"eng": "English"
},
{
"ron": "Romanian"
},
{
"sqi": "Albanian",
"srp": "Serbian"
},
{
"ara": "Arabic",
"heb": "Hebrew"
},
{
"eng": "English"
},
{
"ara": "Arabic"
},
{
"ara": "Arabic",
"fra": "French"
},
{
"eng": "English",
"urd": "Urdu"
},
{
"eng": "English"
},
{
"nor": "Norwegian"
},
{
"spa": "Spanish"
},
{
"eng": "English",
"ssw": "Swazi"
},
{
"dzo": "Dzongkha"
},
{
"fra": "French"
},
{
"eng": "English",
"fra": "French",
"nfr": "Guernésiais"
},
{
"nld": "Dutch"
},
{
"eng": "English"
},
{
"fra": "French"
},
{
"eng": "English"
},
{
"eng": "English"
},
{
"ron": "Moldavian"
},
{
"bwg": "Chibarwe",
"eng": "English",
"kck": "Kalanga",
"khi": "Khoisan",
"ndc": "Ndau",
"nde": "Northern Ndebele",
"nya": "Chewa",
"sna": "Shona",
"sot": "Sotho",
"toi": "Tonga",
"tsn": "Tswana",
"tso": "Tsonga",
"ven": "Venda",
"xho": "Xhosa",
"zib": "Zimbabwean Sign Language"
},
{
"por": "Portuguese"
},
{
"eng": "English",
"nya": "Chewa"
},
{
"eng": "English"
},
{
"ara": "Arabic"
},
{
"ara": "Arabic"
},
{
"zho": "Chinese",
"eng": "English",
"msa": "Malay",
"tam": "Tamil"
},
{
"bis": "Bislama",
"eng": "English",
"fra": "French"
},
{
"bul": "Bulgarian"
},
{
"ell": "Greek"
},
{
"nno": "Norwegian Nynorsk",
"nob": "Norwegian Bokmål",
"smi": "Sami"
},
{
"eng": "English",
"swa": "Swahili"
},
{
"rus": "Russian"
},
{
"fra": "French",
"mlg": "Malagasy"
},
{
"grn": "Guaraní",
"spa": "Spanish"
},
{
"eng": "English"
},
{
"eng": "English",
"fij": "Fijian",
"hif": "Fiji Hindi"
},
{
"bos": "Bosnian",
"hrv": "Croatian",
"srp": "Serbian"
},
{
"spa": "Spanish"
},
{
"ara": "Arabic"
},
{
"eng": "English",
"fra": "French",
"nrf": "Jèrriais"
},
{
"por": "Portuguese"
},
{
"ita": "Italian",
"lat": "Latin"
},
{
"lao": "Lao"
},
{
"eng": "English"
},
{
"ara": "Arabic",
"eng": "English"
},
{
"eng": "English",
"hmo": "Hiri Motu",
"tpi": "Tok Pisin"
},
{
"spa": "Spanish"
},
{
"eng": "English",
"nau": "Nauru"
}
]
我想遍歷這個對象數組(使用 Javascript)並提取每個值,以便我可以將其渲染到 html 列表中,如下例所示。 我不確定如何做到這一點,任何幫助將不勝感激。
<li>Dutch</li>
<li>Papiamento</li>
<li>Arabic</li>
<li>French</li>
<li>Portuguese</li>
<li>Tetum</li>
<li>German</li>
看起來您想要一個唯一值列表:
您可以使用for
和for-in
的組合並添加到 object 檢查它是否具有屬性值,如果有,則繼續使用hasOwnProperty
將其添加到新的 object 的唯一值中,然后迭代 ZA8CFDE6331BD59EB6666668911 的鍵構成您的列表的唯一值:
const myobj = [ { "nld": "Dutch", "pap": "Papiamento" }, { "ara": "Arabic", "fra": "French" }, { "por": "Portuguese", "tet": "Tetum" }, { "deu": "German" }, { "hun": "Hungarian" }, { "eng": "English", "gil": "Gilbertese" }, { "eng": "English" }, { "fra": "French" }, { "mkd": "Macedonian" }, { "fra": "French" }, { "fra": "French" }, { "eng": "English", "fra": "French" }, { "ber": "Berber", "mey": "Hassaniya", "spa": "Spanish" }, { "eng": "English", "mri": "Māori", "nzs": "New Zealand Sign Language" }, { "eng": "English", "spa": "Spanish" }, { "mya": "Burmese" }, { "slv": "Slovene" }, { "eng": "English" }, { "eng": "English", "niu": "Niuean" }, { "ara": "Arabic" }, { "eng": "English" }, { "fra": "French" }, { "ara": "Arabic" }, { "eng": "English", "hin": "Hindi", "tam": "Tamil" }, { "por": "Portuguese", "zho": "Chinese" }, { "swe": "Swedish" }, { "fra": "French" }, { "fra": "French" }, { "ita": "Italian" }, { "fra": "French" }, { "fas": "Persian (Farsi)" }, { "kir": "Kyrgyz", "rus": "Russian" }, { "ara": "Arabic", "fra": "French" }, { "fra": "French" }, { "eng": "English", "sot": "Sotho" }, { "fra": "French" }, { "ara": "Arabic", "fra": "French", "zdj": "Comorian" }, { "spa": "Spanish" }, { "zho": "Chinese" }, { "fra": "French" }, { "dan": "Danish", "fao": "Faroese" }, { "eng": "English", "fra": "French" }, { "aym": "Aymara", "grn": "Guaraní", "que": "Quechua", "spa": "Spanish" }, { "cnr": "Montenegrin" }, { "ita": "Italian" }, { "spa": "Spanish" }, { "eng": "English", "swa": "Swahili" }, { "por": "Portuguese", "pov": "Upper Guinea Creole" }, { "ara": "Arabic", "eng": "English", "tir": "Tigrinya" }, { "eng": "English" }, { "msa": "Malay" }, { "eng": "English" }, { "kal": "Greenlandic" }, { "eng": "English" }, { "eng": "English" }, { "eng": "English" }, { "fin": "Finnish", "swe": "Swedish" }, { "eng": "English", "rar": "Cook Islands Māori" }, { "nor": "Norwegian" }, { "ind": "Indonesian" }, { "eng": "English", "fra": "French", "kin": "Kinyarwanda" }, { "eng": "English" }, { "eng": "English" }, { "eng": "English", "nld": "Dutch", "pap": "Papiamento" }, { "eng": "English" }, { "fra": "French", "por": "Portuguese", "spa": "Spanish" }, { "fra": "French", "gsw": "Swiss German", "ita": "Italian", "roh": "Romansh" }, { "khm": "Khmer" }, { "eng": "English" }, { "fra": "French" }, { "srp": "Serbian" }, { "spa": "Spanish" }, { "crs": "Seychellois Creole", "eng": "English", "fra": "French" }, { "ara": "Arabic" }, { "fra": "French", "hat": "Haitian Creole" }, { "ara": "Arabic", "arc": "Aramaic", "ckb": "Sorani" }, { "div": "Maldivian" }, { "ara": "Arabic", "som": "Somali" }, { "eng": "English" }, { "afr": "Afrikaans", "eng": "English", "nbl": "Southern Ndebele", "nso": "Northern Sotho", "sot": "Southern Sotho", "ssw": "Swazi", "tsn": "Tswana", "tso": "Tsonga", "ven": "Venda", "xho": "Xhosa", "zul": "Zulu" }, { "ara": "Arabic" }, { "sin": "Sinhala", "tam": "Tamil" }, { "ara": "Arabic" }, { "eng": "English" }, { "por": "Portuguese" }, { "isl": "Icelandic" }, { "eng": "English", "nld": "Dutch", "pap": "Papiamento" }, { "spa": "Spanish" }, { "eng": "English", "mlt": "Maltese" }, { "spa": "Spanish" }, { "eng": "English" }, { "eng": "English" }, { "eng": "English" }, { "tha": "Thai" }, { "aym": "Aymara", "que": "Quechua", "spa": "Spanish" }, { "dan": "Danish" }, { "rus": "Russian", "uzb": "Uzbek" }, { "eng": "English", "glv": "Manx" }, null, { "jpn": "Japanese" }, { "eng": "English" }, { "deu": "German", "fra": "French", "nld": "Dutch" }, { "ben": "Bengali" }, { "eng": "English", "ton": "Tongan" }, { "ara": "Arabic" }, { "fra": "French", "run": "Kirundi" }, { "ara": "Arabic" }, { "eng": "English", "smo": "Samoan" }, { "kor": "Korean" }, { "fra": "French" }, { "eng": "English" }, { "deu": "German", "fra": "French", "ltz": "Luxembourgish" }, { "eng": "English", "smo": "Samoan", "tkl": "Tokelauan" }, { "nep": "Nepali" }, { "fra": "French" }, { "eng": "English" }, { "eng": "English", "tsn": "Tswana" }, { "est": "Estonian" }, { "kaz": "Kazakh", "rus": "Russian" }, { "ara": "Arabic" }, { "nld": "Dutch" }, { "ces": "Czech", "slk": "Slovak" }, { "spa": "Spanish" }, { "fra": "French" }, { "por": "Portuguese" }, { "hye": "Armenian" }, { "fra": "French", "kon": "Kikongo", "lin": "Lingala", "lua": "Tshiluba", "swa": "Swahili" }, { "ukr": "Ukrainian" }, { "spa": "Spanish" }, { "eng": "English", "zho": "Chinese" }, { "eng": "English", "pih": "Norfuk" }, { "eng": "English" }, { "fra": "French" }, { "eng": "English", "fil": "Filipino" }, { "eng": "English" }, { "por": "Portuguese" }, { "spa": "Spanish" }, { "swe": "Swedish" }, { "vie": "Vietnamese" }, { "grn": "Guaraní", "spa": "Spanish" }, { "bjz": "Belizean Creole", "eng": "English", "spa": "Spanish" }, { "eng": "English", "gle": "Irish" }, { "eng": "English", "fra": "French", "mfe": "Mauritian Creole" }, { "eng": "English" }, { "fra": "French" }, { "eng": "English", "pau": "Palauan" }, { "mon": "Mongolian" }, { "fra": "French" }, { "ara": "Arabic" }, { "ell": "Greek", "tur": "Turkish" }, { "spa": "Spanish" }, { "hrv": "Croatian" }, { "eng": "English", "msa": "Malay" }, { "ara": "Arabic" }, { "bel": "Belarusian", "rus": "Russian" }, { "por": "Portuguese" }, { "amh": "Amharic" }, { "cha": "Chamorro", "eng": "English", "spa": "Spanish" }, { "rus": "Russian", "tgk": "Tajik" }, { "ara": "Arabic", "ber": "Berber" }, { "eng": "English" }, { "lav": "Latvian" }, { "eng": "English", "swa": "Swahili" }, { "eng": "English", "fra": "French", "nld": "Dutch" }, { "spa": "Spanish" }, { "cat": "Catalan" }, { "eng": "English", "jam": "Jamaican Patois" }, { "afr": "Afrikaans", "deu": "German", "eng": "English", "her": "Herero", "hgm": "Khoekhoe", "kwn": "Kwangali", "loz": "Lozi", "ndo": "Ndonga", "tsn": "Tswana" }, { "eng": "English" }, { "fra": "French" }, { "eng": "English" }, { "eng": "English", "mah": "Marshallese" }, { "fra": "French" }, { "cal": "Carolinian", "cha": "Chamorro", "eng": "English" }, { "fra": "French", "kon": "Kikongo", "lin": "Lingala" }, { "slk": "Slovak" }, { "fra": "French" }, { "deu": "German" }, { "eng": "English", "tvl": "Tuvaluan" }, { "kor": "Korean" }, { "rus": "Russian", "tuk": "Turkmen" }, { "ara": "Arabic" }, { "spa": "Spanish" }, { "aze": "Azerbaijani", "rus": "Russian" }, { "lit": "Lithuanian" }, { "sqi": "Albanian" }, { "eng": "English", "smo": "Samoan" }, { "fra": "French", "sag": "Sango" }, { "spa": "Spanish" }, { "eng": "English" }, { "zho": "Chinese" }, { "kat": "Georgian" }, { "eng": "English" }, { "fra": "French" }, { "pol": "Polish" }, { "bar": "Austro-Bavarian German" }, { "eng": "English" }, { "prs": "Dari", "pus": "Pashto", "tuk": "Turkmen" }, { "eng": "English" }, { "tur": "Turkish" }, { "eng": "English" }, { "ron": "Romanian" }, { "sqi": "Albanian", "srp": "Serbian" }, { "ara": "Arabic", "heb": "Hebrew" }, { "eng": "English" }, { "ara": "Arabic" }, { "ara": "Arabic", "fra": "French" }, { "eng": "English", "urd": "Urdu" }, { "eng": "English" }, { "nor": "Norwegian" }, { "spa": "Spanish" }, { "eng": "English", "ssw": "Swazi" }, { "dzo": "Dzongkha" }, { "fra": "French" }, { "eng": "English", "fra": "French", "nfr": "Guernésiais" }, { "nld": "Dutch" }, { "eng": "English" }, { "fra": "French" }, { "eng": "English" }, { "eng": "English" }, { "ron": "Moldavian" }, { "bwg": "Chibarwe", "eng": "English", "kck": "Kalanga", "khi": "Khoisan", "ndc": "Ndau", "nde": "Northern Ndebele", "nya": "Chewa", "sna": "Shona", "sot": "Sotho", "toi": "Tonga", "tsn": "Tswana", "tso": "Tsonga", "ven": "Venda", "xho": "Xhosa", "zib": "Zimbabwean Sign Language" }, { "por": "Portuguese" }, { "eng": "English", "nya": "Chewa" }, { "eng": "English" }, { "ara": "Arabic" }, { "ara": "Arabic" }, { "zho": "Chinese", "eng": "English", "msa": "Malay", "tam": "Tamil" }, { "bis": "Bislama", "eng": "English", "fra": "French" }, { "bul": "Bulgarian" }, { "ell": "Greek" }, { "nno": "Norwegian Nynorsk", "nob": "Norwegian Bokmål", "smi": "Sami" }, { "eng": "English", "swa": "Swahili" }, { "rus": "Russian" }, { "fra": "French", "mlg": "Malagasy" }, { "grn": "Guaraní", "spa": "Spanish" }, { "eng": "English" }, { "eng": "English", "fij": "Fijian", "hif": "Fiji Hindi" }, { "bos": "Bosnian", "hrv": "Croatian", "srp": "Serbian" }, { "spa": "Spanish" }, { "ara": "Arabic" }, { "eng": "English", "fra": "French", "nrf": "Jèrriais" }, { "por": "Portuguese" }, { "ita": "Italian", "lat": "Latin" }, { "lao": "Lao" }, { "eng": "English" }, { "ara": "Arabic", "eng": "English" }, { "eng": "English", "hmo": "Hiri Motu", "tpi": "Tok Pisin" }, { "spa": "Spanish" }, { "eng": "English", "nau": "Nauru" } ]; //delcare an object to hold unique values let myvals = {}; for(let a = 0; a < myobj.length; a++){ for(let val in myobj[a]){ if(.myvals;hasOwnProperty(myobj[a][val])){ myvals[myobj[a][val]] = null; } } } let list = ""; for(let v in myvals){ list += "<li>" + v + "</li>". } console;log(list);
我們可以得到一個只有語言名稱的數組,如果我們不需要縮寫,我們可以簡單地對語言數組應用一個 reduce 方法:
const languages = [
{
"nld": "Dutch",
"pap": "Papiamento"
},
{
"fra": "French",
"gsw": "Swiss German",
"ita": "Italian",
"roh": "Romansh"
},
{
"khm": "Khmer"
},
{
"eng": "English"
},
{
"fra": "French"
},
// ...
]
const result = languages.reduce((acc, cur) => {
return [ ...acc, ...Object.values(cur) ]
}, [])
console.log(result) // [ 'Dutch', 'Papiamento', 'French', 'Swiss German', 'Italian', 'Romansh', 'Khmer', 'English', 'French' ]
你可以試試這個並調試項目 object 來找到你的代碼。
const items = JSON.parse('Your Json');
foreach(var item in items){
var li_element = document.createElement("li");
li_element.innerHTML = item;
document.body.appendChild(li_element);
//or
var ul_ol_element document.getElementbyID("your ul or ol object id");
ul_ol_element.appendChild(li_element);
}
列出這個?
const arr = [
{ "nld": "Dutch" , "pap": "Papiamento" , },
{ "ara": "Arabic" , "fra": "French" , },
{ "por": "Portuguese" , "tet": "Tetum" , },
{ "deu": "German" , , },
{ "hun": "Hungarian" , , },
{ "eng": "English" , "gil": "Gilbertese" , },
// . . .
];
const languages = arr.flatMap( obj => Object.values(obj) );
如果您需要該列表成為一組獨特的語言,只需將其倒入Set
中,因此:
const uniqueLanguages = [ ... new Set(languages) ];
並對結果列表進行排序...
const uniqueLanguages = [ ... new Set(languages) ].sort();
使用此行,您可以刪除 NULL 值並創建唯一語言列表
let fData = [...new Set(data.filter(d => !!d).flatMap(Object.values))]
[...new Set(
獲取結果並剔除任何欺騙.filter(d=>!!d)
只保留非空值flatMap(
讓我們 map 將多長度對象放入一個平面數組中flatMap(Object.values)
讓我們只獲取語言名稱然后把它變成LI標簽,你可以做這樣的事情
document.querySelector('#list').innerHTML = fData.map(d => `<li>${d}</li>`).join('');
let data = [{ "nld": "Dutch", "pap": "Papiamento" }, { "ara": "Arabic", "fra": "French" }, { "por": "Portuguese", "tet": "Tetum" }, { "deu": "German" }, { "hun": "Hungarian" }, { "eng": "English", "gil": "Gilbertese" }, { "eng": "English" }, { "fra": "French" }, { "mkd": "Macedonian" }, { "fra": "French" }, { "fra": "French" }, { "eng": "English", "fra": "French" }, { "ber": "Berber", "mey": "Hassaniya", "spa": "Spanish" }, { "eng": "English", "mri": "Māori", "nzs": "New Zealand Sign Language" }, { "eng": "English", "spa": "Spanish" }, { "mya": "Burmese" }, { "slv": "Slovene" }, { "eng": "English" }, { "eng": "English", "niu": "Niuean" }, { "ara": "Arabic" }, { "eng": "English" }, { "fra": "French" }, { "ara": "Arabic" }, { "eng": "English", "hin": "Hindi", "tam": "Tamil" }, { "por": "Portuguese", "zho": "Chinese" }, { "swe": "Swedish" }, { "fra": "French" }, { "fra": "French" }, { "ita": "Italian" }, { "fra": "French" }, { "fas": "Persian (Farsi)" }, { "kir": "Kyrgyz", "rus": "Russian" }, { "ara": "Arabic", "fra": "French" }, { "fra": "French" }, { "eng": "English", "sot": "Sotho" }, { "fra": "French" }, { "ara": "Arabic", "fra": "French", "zdj": "Comorian" }, { "spa": "Spanish" }, { "zho": "Chinese" }, { "fra": "French" }, { "dan": "Danish", "fao": "Faroese" }, { "eng": "English", "fra": "French" }, { "aym": "Aymara", "grn": "Guaraní", "que": "Quechua", "spa": "Spanish" }, { "cnr": "Montenegrin" }, { "ita": "Italian" }, { "spa": "Spanish" }, { "eng": "English", "swa": "Swahili" }, { "por": "Portuguese", "pov": "Upper Guinea Creole" }, { "ara": "Arabic", "eng": "English", "tir": "Tigrinya" }, { "eng": "English" }, { "msa": "Malay" }, { "eng": "English" }, { "kal": "Greenlandic" }, { "eng": "English" }, { "eng": "English" }, { "eng": "English" }, { "fin": "Finnish", "swe": "Swedish" }, { "eng": "English", "rar": "Cook Islands Māori" }, { "nor": "Norwegian" }, { "ind": "Indonesian" }, { "eng": "English", "fra": "French", "kin": "Kinyarwanda" }, { "eng": "English" }, { "eng": "English" }, { "eng": "English", "nld": "Dutch", "pap": "Papiamento" }, { "eng": "English" }, { "fra": "French", "por": "Portuguese", "spa": "Spanish" }, { "fra": "French", "gsw": "Swiss German", "ita": "Italian", "roh": "Romansh" }, { "khm": "Khmer" }, { "eng": "English" }, { "fra": "French" }, { "srp": "Serbian" }, { "spa": "Spanish" }, { "crs": "Seychellois Creole", "eng": "English", "fra": "French" }, { "ara": "Arabic" }, { "fra": "French", "hat": "Haitian Creole" }, { "ara": "Arabic", "arc": "Aramaic", "ckb": "Sorani" }, { "div": "Maldivian" }, { "ara": "Arabic", "som": "Somali" }, { "eng": "English" }, { "afr": "Afrikaans", "eng": "English", "nbl": "Southern Ndebele", "nso": "Northern Sotho", "sot": "Southern Sotho", "ssw": "Swazi", "tsn": "Tswana", "tso": "Tsonga", "ven": "Venda", "xho": "Xhosa", "zul": "Zulu" }, { "ara": "Arabic" }, { "sin": "Sinhala", "tam": "Tamil" }, { "ara": "Arabic" }, { "eng": "English" }, { "por": "Portuguese" }, { "isl": "Icelandic" }, { "eng": "English", "nld": "Dutch", "pap": "Papiamento" }, { "spa": "Spanish" }, { "eng": "English", "mlt": "Maltese" }, { "spa": "Spanish" }, { "eng": "English" }, { "eng": "English" }, { "eng": "English" }, { "tha": "Thai" }, { "aym": "Aymara", "que": "Quechua", "spa": "Spanish" }, { "dan": "Danish" }, { "rus": "Russian", "uzb": "Uzbek" }, { "eng": "English", "glv": "Manx" }, null, { "jpn": "Japanese" }, { "eng": "English" }, { "deu": "German", "fra": "French", "nld": "Dutch" }, { "ben": "Bengali" }, { "eng": "English", "ton": "Tongan" }, { "ara": "Arabic" }, { "fra": "French", "run": "Kirundi" }, { "ara": "Arabic" }, { "eng": "English", "smo": "Samoan" }, { "kor": "Korean" }, { "fra": "French" }, { "eng": "English" }, { "deu": "German", "fra": "French", "ltz": "Luxembourgish" }, { "eng": "English", "smo": "Samoan", "tkl": "Tokelauan" }, { "nep": "Nepali" }, { "fra": "French" }, { "eng": "English" }, { "eng": "English", "tsn": "Tswana" }, { "est": "Estonian" }, { "kaz": "Kazakh", "rus": "Russian" }, { "ara": "Arabic" }, { "nld": "Dutch" }, { "ces": "Czech", "slk": "Slovak" }, { "spa": "Spanish" }, { "fra": "French" }, { "por": "Portuguese" }, { "hye": "Armenian" }, { "fra": "French", "kon": "Kikongo", "lin": "Lingala", "lua": "Tshiluba", "swa": "Swahili" }, { "ukr": "Ukrainian" }, { "spa": "Spanish" }, { "eng": "English", "zho": "Chinese" }, { "eng": "English", "pih": "Norfuk" }, { "eng": "English" }, { "fra": "French" }, { "eng": "English", "fil": "Filipino" }, { "eng": "English" }, { "por": "Portuguese" }, { "spa": "Spanish" }, { "swe": "Swedish" }, { "vie": "Vietnamese" }, { "grn": "Guaraní", "spa": "Spanish" }, { "bjz": "Belizean Creole", "eng": "English", "spa": "Spanish" }, { "eng": "English", "gle": "Irish" }, { "eng": "English", "fra": "French", "mfe": "Mauritian Creole" }, { "eng": "English" }, { "fra": "French" }, { "eng": "English", "pau": "Palauan" }, { "mon": "Mongolian" }, { "fra": "French" }, { "ara": "Arabic" }, { "ell": "Greek", "tur": "Turkish" }, { "spa": "Spanish" }, { "hrv": "Croatian" }, { "eng": "English", "msa": "Malay" }, { "ara": "Arabic" }, { "bel": "Belarusian", "rus": "Russian" }, { "por": "Portuguese" }, { "amh": "Amharic" }, { "cha": "Chamorro", "eng": "English", "spa": "Spanish" }, { "rus": "Russian", "tgk": "Tajik" }, { "ara": "Arabic", "ber": "Berber" }, { "eng": "English" }, { "lav": "Latvian" }, { "eng": "English", "swa": "Swahili" }, { "eng": "English", "fra": "French", "nld": "Dutch" }, { "spa": "Spanish" }, { "cat": "Catalan" }, { "eng": "English", "jam": "Jamaican Patois" }, { "afr": "Afrikaans", "deu": "German", "eng": "English", "her": "Herero", "hgm": "Khoekhoe", "kwn": "Kwangali", "loz": "Lozi", "ndo": "Ndonga", "tsn": "Tswana" }, { "eng": "English" }, { "fra": "French" }, { "eng": "English" }, { "eng": "English", "mah": "Marshallese" }, { "fra": "French" }, { "cal": "Carolinian", "cha": "Chamorro", "eng": "English" }, { "fra": "French", "kon": "Kikongo", "lin": "Lingala" }, { "slk": "Slovak" }, { "fra": "French" }, { "deu": "German" }, { "eng": "English", "tvl": "Tuvaluan" }, { "kor": "Korean" }, { "rus": "Russian", "tuk": "Turkmen" }, { "ara": "Arabic" }, { "spa": "Spanish" }, { "aze": "Azerbaijani", "rus": "Russian" }, { "lit": "Lithuanian" }, { "sqi": "Albanian" }, { "eng": "English", "smo": "Samoan" }, { "fra": "French", "sag": "Sango" }, { "spa": "Spanish" }, { "eng": "English" }, { "zho": "Chinese" }, { "kat": "Georgian" }, { "eng": "English" }, { "fra": "French" }, { "pol": "Polish" }, { "bar": "Austro-Bavarian German" }, { "eng": "English" }, { "prs": "Dari", "pus": "Pashto", "tuk": "Turkmen" }, { "eng": "English" }, { "tur": "Turkish" }, { "eng": "English" }, { "ron": "Romanian" }, { "sqi": "Albanian", "srp": "Serbian" }, { "ara": "Arabic", "heb": "Hebrew" }, { "eng": "English" }, { "ara": "Arabic" }, { "ara": "Arabic", "fra": "French" }, { "eng": "English", "urd": "Urdu" }, { "eng": "English" }, { "nor": "Norwegian" }, { "spa": "Spanish" }, { "eng": "English", "ssw": "Swazi" }, { "dzo": "Dzongkha" }, { "fra": "French" }, { "eng": "English", "fra": "French", "nfr": "Guernésiais" }, { "nld": "Dutch" }, { "eng": "English" }, { "fra": "French" }, { "eng": "English" }, { "eng": "English" }, { "ron": "Moldavian" }, { "bwg": "Chibarwe", "eng": "English", "kck": "Kalanga", "khi": "Khoisan", "ndc": "Ndau", "nde": "Northern Ndebele", "nya": "Chewa", "sna": "Shona", "sot": "Sotho", "toi": "Tonga", "tsn": "Tswana", "tso": "Tsonga", "ven": "Venda", "xho": "Xhosa", "zib": "Zimbabwean Sign Language" }, { "por": "Portuguese" }, { "eng": "English", "nya": "Chewa" }, { "eng": "English" }, { "ara": "Arabic" }, { "ara": "Arabic" }, { "zho": "Chinese", "eng": "English", "msa": "Malay", "tam": "Tamil" }, { "bis": "Bislama", "eng": "English", "fra": "French" }, { "bul": "Bulgarian" }, { "ell": "Greek" }, { "nno": "Norwegian Nynorsk", "nob": "Norwegian Bokmål", "smi": "Sami" }, { "eng": "English", "swa": "Swahili" }, { "rus": "Russian" }, { "fra": "French", "mlg": "Malagasy" }, { "grn": "Guaraní", "spa": "Spanish" }, { "eng": "English" }, { "eng": "English", "fij": "Fijian", "hif": "Fiji Hindi" }, { "bos": "Bosnian", "hrv": "Croatian", "srp": "Serbian" }, { "spa": "Spanish" }, { "ara": "Arabic" }, { "eng": "English", "fra": "French", "nrf": "Jèrriais" }, { "por": "Portuguese" }, { "ita": "Italian", "lat": "Latin" }, { "lao": "Lao" }, { "eng": "English" }, { "ara": "Arabic", "eng": "English" }, { "eng": "English", "hmo": "Hiri Motu", "tpi": "Tok Pisin" }, { "spa": "Spanish" }, { "eng": "English", "nau": "Nauru" } ]; let fData = [...new Set(data.filter(d =>..d).flatMap(Object.values))] document.querySelector('#list').innerHTML = fData;map(d => `<li>${d}</li>`).join('');
<ul id='list'></ul>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.