如何从对象数组中提取值
[英]How can I extract values from an array of objects
问题描述
I have the following array of objects where each object has a unique key-value pair
我有以下对象数组，其中每个 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"
}
]
and I would like to loop through this array of objects (using Javascript) and extract each value so I can render it into an html list like the example below.我想遍历这个对象数组（使用 Javascript）并提取每个值，以便我可以将其渲染到 html 列表中，如下例所示。 Im not sure exactly how to do this and any help would be appreciated.我不确定如何做到这一点，任何帮助将不胜感激。
<li>Dutch</li>
<li>Papiamento</li>
<li>Arabic</li>
<li>French</li>
<li>Portuguese</li>
<li>Tetum</li>
<li>German</li>
5 个解决方案
解决方案1
0 2022-02-01 21:17:28
It looks like you want a list of unique values:看起来您想要一个唯一值列表：
You can use a combination of for and for-in and add to an object checking if it has the property value in it and if so continue else add it to the new object of unique values using hasOwnProperty , then iterate the keys of the object holding the unique values to form your list:您可以使用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);
解决方案2
0 2022-02-01 21:18:57
Changing the data structure改变数据结构
We can get an array of only the names of the languages, if we don't need the abbreviations, we can simply apply a reduce method over the languages array:我们可以得到一个只有语言名称的数组，如果我们不需要缩写，我们可以简单地对语言数组应用一个 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' ]
解决方案3
0 2022-02-01 21:20:26
You can try this and debug item object to find your code.你可以试试这个并调试项目 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);
}
解决方案4
0 2022-02-01 21:25:12
List this?列出这个？
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) );
If you need that list to be the set of unique languages, just pour it into a Set , thus:如果您需要该列表成为一组独特的语言，只需将其倒入Set中，因此：
const uniqueLanguages = [ ... new Set(languages) ];
And to sort the resulting list...并对结果列表进行排序...
const uniqueLanguages = [ ... new Set(languages) ].sort();
解决方案5
0 2022-02-01 21:27:43
With this line, you can remove NULL values and create a list of unique languages使用此行，您可以删除 NULL 值并创建唯一语言列表
let fData = [...new Set(data.filter(d => !!d).flatMap(Object.values))]
-
[...new Set(takes the result and strips out any dupes[...new Set(获取结果并剔除任何欺骗 .filter(d=>!!d)keeps only non-null values.filter(d=>!!d)只保留非空值flatMap(lets us map the multi-length objects into a flat arrayflatMap(让我们 map 将多长度对象放入一个平面数组中flatMap(Object.values)lets us just get the language namesflatMap(Object.values)让我们只获取语言名称
Then to turn it into LI tags, you can do something like this然后把它变成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.
相关问题
我可以使用过滤器从对象数组中提取值吗？ - Can I use filter to extract values from an array of objects?
如何从数组中的多个对象中准确提取 2 个键和值 - How can I extract exactly 2 keys and values from several objects in an array
如何从对象数组中提取jqCharts的数据？ - How can I extract data for jqCharts from an array of objects?
如何从数组中提取特定值？ - How can I extract specific values from an array ?
如何从数组中嵌套具有重复值的对象 - How can I nest objects from an array that have repeating values
如何从具有字符串值的对象数组中获取总数？ - How can I get totals from array of objects with string values?
如何从数组中的对象的某些键中提取值 - How to extract values from certain keys from objects that are in an array
如何使用javascript从对象数组中提取对象的值 - How can I extract the value of an object from an array of objects array using javascript
如何从嵌套在数组 JAVASCRIPT 内的对象中提取值 - how to extract values from an objects nested inside array JAVASCRIPT
如何从对象数组中提取对象（数组）？ - How do I extract an object(array) from an array of objects?
相关标签