- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个对象数组,我想在我的 Angular 项目中应用自定义排序。
我想要实现的一个简单示例是每个对象都具有属性 id
和 category
。
let cars: { id: number, category: string }[] = [
{ "id": 3, "category": "fast car" },
{ "id": 0, "category": "fast car" },
{ "id": 1, "category": "slow car" },
{ "id": 2, "category": "fast car" }
];
不,我想对数组进行排序。首先,每辆 Fast Car 都应该出现(如果有多个 id 排序),然后是 Slow car(如果有多个 id 排序)。
{ "id": 0, "category": "fast car" }
{ "id": 2, "category": "fast car" }
{ "id": 3, "category": "fast car" }
{ "id": 1, "category": "slow car" }
我真的不明白 .sort 函数是如何工作的。由于我是编程新手,因此对如何在这种情况下使用 .sort() 进行相当详细的描述会有所帮助。
最佳答案
解释:既然你要求描述,我会尽力首先尽可能简单地解释它:应用于数组的 sort
函数通常需要直接比较两个参数并返回一个数字。这个数字可以被视为“小于”(负)、“大于”(正)或“等于”(零)。因此,在您的情况下,该函数将被多次调用。理论上,也可以没有这两个参数,例如对于随机顺序,您可以这样写:cars.sort(() => Math.random() - 0.5)
因此,任何返回数字的函数都可用于对数组进行排序。在您的情况下,它将是:
按定义的类别层次结构排序/在同一类别的情况下使用 ID:
const cars: { id: number; category: string }[] = [
{ id: 3, category: "fast car" },
{ id: 0, category: "fast car" },
{ id: 1, category: "slow car" },
{ id: 2, category: "fast car" }
];
const orderCategory = { 'fast car': 1, 'slow car': 2 };
cars.sort((carA, carB) => {
if (carA.category !== carB.category) {
return orderCategory[carA.category] - orderCategory[carB.category];
} else {
return carA.id - carB.id;
}
});
console.log(cars);
另外两个建议:
const
而不是 let
id
和 category
使用引号希望我的解释能帮到你!快乐编码
编辑:格式化代码。
编辑 2: 我刚刚看到您希望首先列出快车。在我以前的实现中,这是因为字母顺序 (F < S) 而起作用。但是,如果字母顺序不是您希望首先列出它们的原因,则您必须定义类别。您现在可以将“fast car”重命名为“sports car”(无处不在),相应的汽车将首先列出,而根据字母排序,它们将位于每辆“slow car”下方。
我刚刚更新了上面的代码。这是基于字母顺序的旧实现:
类别的字母排序/同一类别时使用 ID:
cars.sort((carA, carB) => {
if (carA.category < carB.category) {
return -1;
} else if (carA.category > carB.category) {
return 1;
}
// same as: else if (carA.category === carB.category)
else {
return carA.id - carB.id;
}
});
编辑 3: 在我的解释中调整了随机排序示例。 Math.random() 返回一个介于 0 和 1 之间的数字。因此,我减去 0.5 以随机返回一个负数。
关于arrays - 将自定义排序应用于 typescript 中的对象数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58930729/
好的,所以我编辑了以下... 只需将以下内容放入我的 custom.css #rt-utility .rt-block {CODE HERE} 但是当我尝试改变... 与 #rt-sideslid
在表格 View 中,我有一个自定义单元格(在界面生成器中高度为 500)。在该单元格中,我有一个 Collection View ,我按 (10,10,10,10) 固定到边缘。但是在 tablev
对于我的无能,我很抱歉,但总的来说,我对 Cocoa、Swift 和面向对象编程还很陌生。我的主要来源是《Cocoa Programming for OS X》(第 5 版),以及 Apple 的充满
我正在使用 meta-tegra 为我的 NVIDIA Jetson Nano 构建自定义图像。我需要 PyTorch,但没有它的配方。我在设备上构建了 PyTorch,并将其打包到设备上的轮子中。现
在 jquery 中使用 $.POST 和 $.GET 时,有没有办法将自定义变量添加到 URL 并发送它们?我尝试了以下方法: $.ajax({type:"POST", url:"file.php?
Traefik 已经默认实现了很多中间件,可以满足大部分我们日常的需求,但是在实际工作中,用户仍然还是有自定义中间件的需求,为解决这个问题,官方推出了一个 Traefik Pilot[1] 的功
我想让我的 CustomTextInputLayout 将 Widget.MaterialComponents.TextInputLayout.OutlinedBox 作为默认样式,无需在 XML 中
我在 ~/.emacs 中有以下自定义函数: (defun xi-rgrep (term) (grep-compute-defaults) (interactive "sSearch Te
我有下表: 考虑到每个月的权重,我的目标是在 5 个月内分散 10,000 个单位。与 10,000 相邻的行是我最好的尝试(我在这上面花了几个小时)。黄色是我所追求的。 我试图用来计算的逻辑如下:计
我的表单中有一个字段,它是文件类型。当用户点击保存图标时,我想自然地将文件上传到服务器并将文件名保存在数据库中。我尝试通过回显文件名来测试它,但它似乎不起作用。另外,如何将文件名添加到数据库中?是在模
我有一个 python 脚本来发送电子邮件,它工作得很好,但问题是当我检查我的电子邮件收件箱时。 我希望该用户名是自定义用户名,而不是整个电子邮件地址。 最佳答案 发件人地址应该使用的格式是: You
我想减小 ggcorrplot 中标记的大小,并减少文本和绘图之间的空间。 library(ggcorrplot) data(mtcars) corr <- round(cor(mtcars), 1)
GTK+ noob 问题在这里: 是否可以自定义 GtkFileChooserButton 或 GtkFileChooserDialog 以删除“位置”部分(左侧)和顶部的“位置”输入框? 我实际上要
我正在尝试在主页上使用 ajax 在 magento 中使用 ajax 显示流行的产品列表,我可以为 5 或“N”个产品执行此操作,但我想要的是将分页工具栏与结果集一起添加. 这是我添加的以显示流行产
我正在尝试使用 PasswordResetForm 内置函数。 由于我想要自定义表单字段,因此我编写了自己的表单: class FpasswordForm(PasswordResetForm):
据我了解,新的 Angular 7 提供了拖放功能。我搜索了有关 DnD 的 Tree 组件,但没有找到与树相关的内容。 我在 Stackblitz 上找到的一个工作示例.对比drag'ndrop功能
我必须开发一个自定义选项卡控件并决定使用 WPF/XAML 创建它,因为我无论如何都打算学习它。完成后应该是这样的: 到目前为止,我取得了很好的进展,但还有两个问题: 只有第一个/最后一个标签项应该有
我要定制xtable用于导出到 LaTeX。我知道有些问题是关于 xtable在这里,但我找不到我要找的具体东西。 以下是我的表的外观示例: my.table <- data.frame(Specif
用ejs在这里显示日期 它给我结果 Tue Feb 02 2016 16:02:24 GMT+0530 (IST) 但是我需要表现为 19th January, 2016 如何在ejs中执行此操作?
我想问在 JavaFX 中使用自定义对象制作 ListView 的最佳方法,我想要一个每个项目如下所示的列表: 我搜了一下,发现大部分人都是用细胞工厂的方法来做的。有没有其他办法?例如使用客户 fxm
我是一名优秀的程序员,十分优秀!