sorting 相关问题

我需要你的帮助。在 fetch 的帮助下，我获取了数据并立即绘制它们。在按钮上，我希望对这些数据进行排序，但是我收到错误。我究竟做错了什么？我需要你的帮助。在 fetch 的帮助下，我获取了数据并立即绘制它们。在按钮上，我希望对这些数据进行排序，但是我收到错误。我做错了什么？ <button id="sort_by_name">Sort</button> JavaScript fetch(`https://api.sampleapis.com/wines/reds`) .then(response => response.json()) .then(data => { for (let i = 0; i <= 25; i++) { let vino = data[i] let a = document.getElementById('sort_by_name'); a.addEventListener('click', () => { data.sort((a,b) => a.wine - b.wine) }) document.write(`<div>${vino.wine}</div>`) } }) 使用fetch api的排序和搜索方法 let productContainer = document.querySelector('.product-container') let arr_1 = []; let arr_2 = []; let search = document.querySelector('#search') let sortBtn = document.querySelector(".sort"); function getDataJson() { fetch(`http://localhost:3000/services`) .then(response => response.json()) .then(data => { arr_2 = data; productContainer.innerHTML = ""; arr_1 = arr_1.length || search.value ? arr_1 : data; arr_1.forEach(element => { productContainer.innerHTML += ` <div class="product-boxs"> <div class="product-image"><img src="${element.images}" alt=""></div> <h2>${element.title}</h2> <h2>${element.price}</h2> <div class="product-icons"> <span>5<i class="fa-solid fa-star"></i></span> <span>5<i class="fa-solid fa-heart"></i></span> </div> <p>${element.description}</p> <div class="product-btn"> <button class="card">Card</button> <button class="details" ><a href="details.html?id=${element.id}">View</a></button> </div> </div> ` }); }) } getDataJson() search.addEventListener("input", (e) => { arr_1 = arr_2; arr_1 = arr_1.filter((el) => { return el.title.toLowerCase().includes(e.target.value.toLowerCase()) }); getDataJson(); }) sortBtn.addEventListener("change", function (e) { if (e.target.value === "za") { arr_1.sort((a, b) => b.price - a.price); } else if (e.target.value === "az") { arr_1.sort((a, b) => a.price - b.price); } else { arr_1 = [] } getDataJson(); // Update the displayed data after sorting. }); 为按钮添加点击监听器。获取数据，并将其存储在变量中。显示数据。最简单的方法是使用 .innerHTML，但您也可以学习如何使用 .appendChild。要对列表进行排序，请使用 .localeCompare。 let wineList; document.getElementById('sort_by_name').addEventListener('click', sortList); // 1 fetch(`https://api.sampleapis.com/wines/reds`) .then(response => response.json()) .then(data => { if (data) { wineList = data; // 2 display(wineList); // 3 } }) function display(list) { // 3 const wineDataEl = document.getElementById('wine_data'); let htmlStr = ''; for (const wine of list) { htmlStr += wine.wine + '<br/>'; } wineDataEl.innerHTML = htmlStr; } function sortList() { // 4 if (wineList) { wineList.sort((a, b) => a.wine.localeCompare(b.wine)) ; display(wineList); // 3 } } <button id="sort_by_name">Sort</button> <div id="wine_data">Loading...</div>

javascript sorting fetch

回答 2 投票 0

使用 xslt 对列表进行排序并消除 XML 文件中的重复项 NEW

我已经问过这个问题，并且我使用了错误的示例列表，这导致了没有用的答案。然后我以为我已经找到了解决方案，但它导致了错误的结果。那我来问一下吧

xml sorting xslt

回答 1 投票 0

按键值对字符串排序 - Golang

我在 Go 中有以下字符串 blob： AWS_FIREHOSE_US_WEST_2_ENDPOINT：https://foobar.firehose.us-west-2.amazonaws.com BOT_NAME：我的机器人 DEV_MODE：假 GITHUB_APP_ID：1234

string sorting go

回答 1 投票 0

根据向量对列表元素进行排序

假设我有一个如下列表：我的列表<- list(name1 = 'a', name2 = 'b', name3 = 'c', name4 = 'd') And I want to order it according to the following variable: my_var=c('name2','name1','name4','name3')...

r list sorting variables

回答 1 投票 0

如何在 PHP 中使用 arsort() 进行稳定排序？

我需要根据值对php中的数组进行排序，数组使用一些数字作为键和值，例如这样： $a = 数组(70 => 1 ,82 => 5 ,61 => 3 ,55 => 1 ,34 => 2 ,53 => 2...

php arrays sorting

回答 7 投票 0

如何从金字塔的每一行中提取最后一个单词？

我的函数decode()需要从.txt文件中读取文本，将数字-单词对按数字顺序排列成三角形，并返回每行最后一个单词的字符串。我有

python python-3.x sorting pyramid

回答 1 投票 0

找到 3D 数组的 2D 数组切片的 k 个最小值？

我读过其他问题，其他人试图用 np.partition 或 np.argpartition 找到 k 个最小值。然而，这些看起来像是简单的一维或二维数组来操作。什...