使用 Javascript 将 JSON 响应转换为列 [关闭]

问题描述 投票:0回答:0

希望你一切顺利。我有返回 JSON 响应的 Web url。我想用 Javascript 将这个 json 转换成列。你能帮我怎么做吗?我是 Javascript 的新手。

https://dutchie.com/graphql?operationName=FilteredProducts&variables=%7B%22includeEnterpriseSpecials%22%3Afalse%2C%22includeCannabinoids%22%3Atrue%2C%22productsFilter%22%3A%7B%22dispensaryId%22%3A%225fea310977b22200aa316ca1%22%2C%22pricingType%22%3A%22rec%22%2C%22strainTypes%22%3A%5B%5D%2C%22subcategories%22%3A%5B%5D%2C%22Status%22%3A%22Active%22%2C%22types%22%3A%5B%22Flower%22%5D%2C%22useCache%22%3Afalse%2C%22sortDirection%22%3A1%2C%22sortBy%22%3Anull%2C%22isDefaultSort%22%3Atrue%2C%22bypassOnlineThresholds%22%3Afalse%2C%22isKioskMenu%22%3Afalse%2C%22removeProductsBelowOptionThresholds%22%3Atrue%7D%2C%22page%22%3A0%2C%22perPage%22%3A100%7D&extensions=%7B%22persistedQuery%22%3A%7B%22version%22%3A1%2C%22sha256Hash%22%3A%228c6184010874741ccacd9e88b88f433fa5ba6e2699d52d406973d28e094bf1ec%22%7D%7D

这是上面的Web URl。请检查下面的 json 响应

{"data":{"filteredProducts":{"products":[{"_id":"63c84f43819121000122f8a6","id":"63c84f43819121000122f8a6","AdditionalOptions":[],"brandId":"2b2228e3-79f0-4199-b475-7a7fe90ad24a","brandName":"Soar","CBD":null,"CBDContent":{"unit":"PERCENTAGE","range":[0,1],"__typename":"ProductPotency"},"comingSoon":null,"createdAt":"1674071875067","DispensaryID":"5fea310977b22200aa316ca1","enterpriseProductId":"63826120636ce9000bfb1153","Image":"https://s3-us-west-2.amazonaws.com/dutchie-images/d1f34bc8719495ebe760705a96f4c2f9","images":[{"url":"https://s3-us-west-2.amazonaws.com/dutchie-images/d1f34bc8719495ebe760705a96f4c2f9","description":"","active":true,"__typename":"Products_Images"},{"url":"https://s3-us-west-2.amazonaws.com/dutchie-images/b4117ef4eacfa6dc672d5de093b92d10","description":null,"active":true,"__typename":"Products_Images"}],"imgixSettings":{"productCard":{"border":null,"mark":null,"markscale":null,"markpad":null,"fit":null,"__typename":"ImgixSettings"},"productModal":{"border":null,"mark":null,"markscale":null,"markpad":null,"fit":null,"__typename":"ImgixSettings"},"__typename":"Products_imgixSettings"},"measurements":{"netWeight":{"unit":"MILLIGRAMS","values":[7000],"__typename":"Products_measurement"},"volume":null,"__typename":"Products_measurements"},"medicalOnly":false,"medicalPrices":[56.64],"medicalSpecialPrices":[],"wholesalePrices":null,"Name":"Alien Fuel","nonArmsLength":null,"Options":["7g"],"limitsPerCustomer":null,"manualInventory":null,"POSMetaData":{"canonicalID":"39788f97-ba73-42b6-a066-59ec556be5fc","canonicalBrandName":"Soar","children":[{"canonicalEffectivePotencyMg":null,"option":"7g","quantity":6,"quantityAvailable":5,"kioskQuantityAvailable":6,"standardEquivalent":{"value":7,"unit":"g","__typename":"Products_POSMetaData_children_equivalent"},"recEquivalent":null,"__typename":"Products_POSMetaData_children"}],"__typename":"Products_POSMetaData"},"Prices":[56.64],"pricingTierData":null,"recOnly":false,"recPrices":[56.64],"recSpecialPrices":[],"special":null,"specialData":null,"Status":"Active","strainType":"Hybrid","subcategory":"","THC":null,"THCContent":{"unit":"PERCENTAGE","range":[20,26],"__typename":"ProductPotency"},"type":"Flower","vapeTaxApplicable":null,"weight":1000,"featured":null,"isBelowThreshold":false,"isBelowKioskThreshold":false,"optionsBelowThreshold":[],"optionsBelowKioskThreshold":[],"cName":"alien-fuel","pastCNames":["soar-alien-fuel","alien-fuel"],"brandLogo":null,"bottleDepositTaxCents":null,"__typename":"Products","brand":{"id":"2b2228e3-79f0-4199-b475-7a7fe90ad24a","_id":"2b2228e3-79f0-4199-b475-7a7fe90ad24a","description":"","imageUrl":null,"name":"Soar","__typename":"Brand"},"effects":{"calm":9,"energetic":5,"happy":8,"relaxed":6},"popularSortKey":null,"cannabinoidsV2":null},{"_id":"64120545740a010001ec07b7","id":"64120545740a010001ec07b7","AdditionalOptions":[],"brandId":"5ba40e01-af12-4a93-9058-d7df4020be04","brandName":"Broken Coast Cannabis","CBD":null,"CBDContent":{"unit":"PERCENTAGE","range":[0,2],"__typename":"ProductPotency"},"comingSoon":null,"createdAt":"1678902597175","DispensaryID":"5fea310977b22200aa316ca1","enterpriseProductId":"632fb54ced9eed000cb03a13","Image":"https://s3-us-west-2.amazonaws.com/dutchie-images/4671d3a52386c5a30ce597df14779043","images":[{"url":"https://s3-us-west-2.amazonaws.com/dutchie-images/4671d3a52386c5a30ce597df14779043","description":null,"active":true,"__typename":"Products_Images"},{"url":"https://s3-us-west-2.amazonaws.com/dutchie-images/37d42de669691efaf41742d28899916e","description":null,"active":true,"__typename":"Products_Images"}],"imgixSettings":{"productCard":{"border":null,"mark":null,"markscale":null,"markpad":null,"fit":null,"__typename":"ImgixSettings"},"productModal":{"border":null,"mark":null,"markscale":null,"markpad":null,"fit":null,"__typename":"ImgixSettings"},"__typename":"Products_imgixSettings"},"measurements":{"netWeight":{"unit":"MILLIGRAMS","values":[3500],"__typename":"Products_measurement"},"volume":null,"__typename":"Products_measurements"},"medicalOnly":false,"medicalPrices":[49.56],"medicalSpecialPrices":[],"wholesalePrices":null,"Name":"Amnesia Haze","nonArmsLength":null,"Options":["3.5g"],"limitsPerCustomer":null,"manualInventory":null,"POSMetaData":{"canonicalID":"3eacb54b-8bf9-4ec3-a6af-d518e1d9001b","canonicalBrandName":"Broken Coast","children":

我只想通过循环获取仅有的两列键值

1-数量可用
2-Id

谢谢!

javascript arrays json javascript-objects
© www.soinside.com 2019 - 2024. All rights reserved.