- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
技术:Angular 7、AngularCli、JS 和 TS。
在Js中如何按升序和降序对数组数组进行排序
这是我的示例数组:
this.tableRows = [
[ 'zz', 'cc' ],
[ 'aa', 'cc' ],
[ 'uu', 'dd' ]
];
我想按列位置和 asc/desc 对上面的内容进行排序。
这是我的 HTML:
<tr ls-table-row class="child-row" *ngFor="let row of tableRows">
<td ls-table-cell *ngFor="let cell of row">{{ cell }}</td>
</tr>
我将像这样传入类型和 columnPosition 的@inputs:
@Input() public sortByColumnPosiition = 1;
@Input() public sortByType = 'asc';
这些解释了我要排序的列,类型解释了方向,例如描述
这是我当前的排序示例:
sortByColumnPosition = 0;
sortByType = 0;
public sortBy(data: Array<Array<any>>) {
return [ ...data ].sort((a, b) => a[ this.sortByColumnPosition ].localeCompare(b[ this.sortByColumnPosition ]) * this.sortByType);
}
以上是我目前的尝试 - 但仅适用于第 0 列而不适用于第 1 列
最佳答案
您可以创建一个接受数组、列号和排序顺序(升序/降序)的函数。
你可以使用一个技巧来使用相同的函数进行 asc/desc 排序。有一个值为 1
或 -1
的变量。始终将它与每个结果或 sort()
回调相乘。如果您将传递 1
,它将对 -1
const tableRows = [
['zz', 'cc'],
['aa', 'cc'],
['uu', 'dd']
];
function sortBy(arr, col, type = 1) {
return [...arr].sort((a, b) => a[col].localeCompare(b[col]) * type)
}
console.log(sortBy(tableRows, 1)) //asc
console.log(sortBy(tableRows, 0, -1)) //desc
关于javascript - 在 JavaScript 中,如何按 asc/desc 对数组数组进行排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56221961/
我有一组类和它们从 AJAX 到 PHP 调用返回的日期。它作为“数据”返回,所以我们只调用我们的数组数据: var data = [{ "course": "First Aid", "cou
我正在开发音乐播放器,我想列出所有按艺术家从 A-Z (ASC) 排序的歌曲。信息存储在一个表中,包含艺术家、文件、歌曲等。 我尝试使用 while 循环首先按 A-Z 排序艺术家,然后按艺术家 A-
CREATE TABLE #cities(city_id INT, city_name VARCHAR(100)) INSERT INTO #cities(city_id,city_name) SEL
这似乎是一个典型的问题,但它是不同的。 我有一个带有 id 和 3 个时间戳字段的表(简单来说)。最初所有 3 个字段都是空的,并且它们被值填充。行的例子是: id time1 time2
我已经动态绑定(bind)了用于对列进行排序的图标,在这里,如果我单击其他列来对前一列进行排序,图标仍处于我单击的状态,但我希望该图标处于默认状态(当前排序除外)列,在这里要对我想要的新列进行排序,必
我在 Sql 中有一个这样的列名: 规范段落 1 2 3 4 5 ... 179 在我的程序中,我在第 1 行和第 2 行之间插入了一个新行。我的专栏现在是:规范款 1 3 4 5 ... 179 2
数据排序 asc、desc 1、单一字段排序order by 字段名称 作用: 通过哪个或哪些字段进行排序 含义: 排序采用 order by 子句,order by 后面跟上排序字段,排序字
我正在尝试在 python 中导入 .asc 文件以使用 shapefile 对其进行剪辑。对于剪辑,我将使用: import earthpy.clip as cl clip = cl.clip_sh
我目前正在尝试将各种“ASC”文件中的信息提取到 R 中,以便对数据进行分析。 问题是我不确定如何准确读取文件。我尝试了标准的 read.table 函数,但所有数字都完全相同 (-9999.00)。
我想首先获取特定位置的所有配置文件: SELECT * FROM profile WHERE location IN ('a', 'b', 'c') OR isDefault=1 ORDER BY l
按 ASC 排序的正确语法是什么? 错误 1 当前上下文中不存在名称“ASC” public IEnumerable GetGrid(String ShipNumber) {
我有一个使用以下查询的 google 电子表格: =query('Respostas do Formulário 1'!A1:AG;"select D,G,H,I,J,K,L,M,N,O,P,Q,R,
我有火焰照片 - 数据为包含像素矩阵的 asc 文件。每个像素中都是光强度值。 我的绘图代码: import os import numpy as np import matplotlib.pyplo
我不知道如何正确排序我的选择选项值。我的选择元素返回文本值,如下所示: ** Please choose 2-3 pers. 16-18 pers. 20-24 pers 3-4 pers. 4-6
我的 SQL 查询有问题。我希望我的结果按升序排序,但问题是数据库只根据第一个数字对结果进行排序,而逻辑上,例如 2 应该在 19 之前。 这是我的请求和结果的屏幕截图,但根本没有成功: SELECT
如果我有此查询,我需要有关此数据的帮助 SELECT count(*),username FROM products WHERE description LIKE '%Yes%' or descrip
我的 Laravel 查询 $items = TypeServices::whereIn('id', $serviceIdEvent)
我正在使用 compact framework 3.5 我的文件.cs public class Cases : IEnumerable { private Hashtable cases =
我的 elasticsearch 有问题。 设置:拥有一个带有数据字段“companyName”的公司类。我的搜索将搜索并响应所有具有搜索词的公司。 如果我尝试通过排序 .Sort(x=> x.OnF
已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。 这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-top
我是一名优秀的程序员,十分优秀!