排序，在对象javascript中搜索答案

【问题标题】：Sort, search in object javasript排序，在对象javascript中搜索
【发布时间】：2020-04-01 06:54:57
【问题描述】：

我希望能够在对象中进行搜索、过滤和排序。下面是对象的代码。我有一个输入字段，可以在其中搜索对象。这也是我可以指示要搜索的内容+升序或降序的意图。

在图片中你可以看到 html 的样子。

这是搜索和排序的代码

const users = [{
    id: 1,
    name: "Jan",
    age: 17,
    city: "Dublin",

  },
  {
    id: 2,
    name: "Bob",
    age: 17,
    city: "London",

  }
]

<form action="#" method="post" id="filters">
  <label for="search">Search</label><input type="search" name="search" id="search" />
  <label>Sort items by
                <select id="sortby" name="sortby">
                </select>
            </label>

  <select id="direction" name="direction">
    <option value="asc">ascending</option>
    <option value="desc">descending</option>
  </select>
</form>

【问题讨论】：

已经有人做过了。 stackoverflow.com/questions/1069666/…
我给你做了一个 sn-p 并引用了你的价值观
这能回答你的问题吗？ Sorting object property by values

标签： javascript html sorting object filter

【解决方案1】：

function assending(a, b){
    var nameA=a.name.toLowerCase(), nameB=b.name.toLowerCase()
    if (nameA < nameB) 
        return -1 
    if (nameA > nameB)
        return 1
    return 0 
}

function desending(a, b){
    var nameA=a.name.toLowerCase(), nameB=b.name.toLowerCase()
    if (nameA > nameB) 
        return -1 
    if (nameA < nameB)
        return 1
    return 0 
}

//filter Data
var filterData = users.filter(x=>x.name.indexOf(searchText) > -1);

var result = [];
//Sort Data
if(accending){
   result =  filterData.sort(assending)
}else{
   result =  filterData.sort(desending)
}

【讨论】：