TypeScript -数组排序扩展方法
TypeScript是一种开源的编程语言，它是JavaScript的超集，添加了静态类型检查和其他一些特性。在TypeScript中，可以使用数组排序的扩展方法来对数组进行排序。
数组排序是一种常见的操作，它可以按照特定的规则重新排列数组中的元素。TypeScript提供了多种排序方法，包括sort()、reverse()和splice()等。
- sort()方法：sort()方法用于对数组进行原地排序，默认按照Unicode码点进行排序。如果数组中的元素是字符串类型，可以通过传递一个比较函数来指定排序规则。比较函数接受两个参数，表示要比较的两个元素，返回一个负数、零或正数，表示第一个元素应该在第二个元素之前、相等或之后。
示例代码：
const numbers: number[] = [3, 1, 4, 1, 5, 9];
numbers.sort((a, b) => a - b);
console.log(numbers); // 输出：[1, 1, 3, 4, 5, 9]- reverse()方法：reverse()方法用于反转数组中元素的顺序，即将数组中的第一个元素放到最后，将最后一个元素放到第一个，依此类推。
示例代码：
const fruits: string[] = ['apple', 'banana', 'cherry'];
fruits.reverse();
console.log(fruits); // 输出：['cherry', 'banana', 'apple']- splice()方法：splice()方法用于删除、替换或插入数组中的元素，并返回被删除的元素。可以通过传递参数来指定要删除或插入的位置和数量。
示例代码：
const colors: string[] = ['red', 'green', 'blue'];
colors.splice(1, 1); // 删除第二个元素
console.log(colors); // 输出：['red', 'blue']
colors.splice(1, 0, 'yellow'); // 在第二个位置插入'yellow'
console.log(colors); // 输出：['red', 'yellow', 'blue']相关·内容
我正在尝试改编webgl javascript项目中的typescript。为此，我尝试从头开始构建一个typescript配置项目，并模仿包和.eslintrc.js。当您运行eslint --init时，系统会要求您提供项目的所有选项，如果您使用的是typescript，那么我将运行该命令，并且es-lint的行为与使用javascript和typescript时的预期一样。这些是我从头开始的工作typescript项目的package.json和eslintrc.js。 Package.json： {
"name": "typescripttrial2"
浏览 17提问于2020-06-15得票数 1
回答已采纳
我已经建立了一个函数来检查一个数字数组是否被排序：
const isSorted = (values: number[]) => {
return values === values.sort((a, b) => a - b);
};
isSorted([4, 2, 8, 7, 3, 10, 1, 5, 9, 6]); // Returns `true`
正如您所看到的，不管输入是什么，函数都返回true，那么如何使函数按其应有的方式工作呢？
我正在使用：
TypeScript v4.1.2ts-node v9.0.0Node.js v14.15.1
浏览 0提问于2020-11-25得票数 0
回答已采纳
我在使用jQuery时遇到了一个问题，我将这些代码放入TypeScript中，这只是给出了一个错误：
import $ = require("jquery");
$('element').sort(function(a,b){
// code<>
})
这是更详细的图像：
我在电子上使用jQuery 3.4.1，你为什么要给这个错误？
有人能帮忙吗？
浏览 2提问于2019-10-19得票数 0
回答已采纳
我正在使用Typescript和Angular2。我有一个过滤结果列表的管道。现在，我想按字母顺序对列表进行排序，我该怎么做呢？
浏览 4提问于2016-01-27得票数 0
3回答
我想获取map的值，并将其存储在typescript中的字符串数组中。 myMap= [0:'Mohit',1:'Balesh',2:'Jatin'];
arr[]; 预期结果arr['Mohit','Balesh','Jatin']
浏览 22提问于2019-08-26得票数 4
public addition :any = [];
public display : any = [];
public object1 =['3','2','1'];
public value2 =['5','7','9','8'];
constructor(){}
ngOnInit(){
this.addition=this.object1.concat(this.value2);
this.display=this.addition
浏览 0提问于2018-03-05得票数 2
回答已采纳
4回答
是否有一种自动排序TypeScript接口键的方法？我已经使用了更漂亮的和VSCode，所以理想的情况下，解决方案应该是与那些，但我是开放的任何解决方案。
例如,
// before
interface MyInterface {
foo: number;
bar: number;
baz: number;
}
// after sort
interface MyInterface {
bar: number;
baz: number;
foo: number;
}
浏览 5提问于2020-03-31得票数 7
回答已采纳
我想使用ES6扩展操作符将一个NodeList转换为一个数组。我的项目使用TypeScript，它正在抛出一个错误。
const slides = [...document.querySelectorAll('.review-item')];
下面是引发的错误，error TS2461:类型'NodeListOf‘不是数组类型
这个密码在Babel中是可能的。是否可以在TypeScript中使用，还是需要使用另一种方法，如Object.keys()
浏览 4提问于2017-12-01得票数 11
回答已采纳
1回答
我的WP8.1Silverlight应用程序上有一个ListBox，如下所示：
<StackPanel Grid.Column="1" Grid.Row="0" HorizontalAlignment="Center" VerticalAlignment="Top">
<ListBox x:Name="FavoriteListBox" Visibility="Collapsed"
SelectionChanged=
浏览 3提问于2016-11-22得票数 0
回答已采纳
我有一个基本的ngFor指令来显示来自数组的数据，我想在结果的底部显示数组的最后一项和最后一项。
我在这里看到了几个问题，告诉你不要在ngFor上使用管道。那么，如何在TypeScript中实现这种行为。
提前谢谢。
浏览 0提问于2020-06-06得票数 5
回答已采纳
当将快速验证链添加为中间件时，ts会抱怨快速请求处理程序不再被键入。
在添加或删除[]时，使用任何其他中间件都可以很好地工作，错误会出现/消失。
"@types/express": "^4.17.6",
"typescript": "^3.9.5",
"express-validator": "^6.6.0",
据我所知，快递-验证器支持的类型成绩单的框外，我是否必须作出任何配置更改，以便类型记录获得正确的类型？
浏览 5提问于2020-06-26得票数 0
回答已采纳
我是TypeScript的新手，我将把我的项目更改为TypeScript。但我犯了一些错误。我已经查过那些散布的论点，但我想不出正确的答案。
我已经试过了。
export const fetcher = async (...args) => {
return fetch(...args).then(async (res) => {
let payload;
try {
if (res.status === 204) return null; // 204 does not have body
p
浏览 102提问于2022-11-03得票数 2
回答已采纳
我有一个对象数组，按照其中一个属性的值进行排序。排序工作正常，但我收到一个Typescript警告：“对象可能‘未定义’”。
如何检查name上未定义的值以解决此警告？
myItems.sort((a, b) => (a.name > b.name ? 1 : -1));
浏览 7提问于2021-01-29得票数 0
在java中，我们可以使用可比较接口来按字段对对象进行排序。就像在下面的例子中，我们根据数量对水果进行排序 public class Fruit implements Comparable<Fruit>{
private String fruitName;
private String fruitDesc;
private int quantity;
public Fruit(String fruitName, String fruitDesc, int quantity) {
this.fruitName = fruitNam
浏览 28提问于2019-05-13得票数 0
我从eslint得到这样的警告： X是已定义的，但从未用于从react或react-native导入的每个类型。一个使用FC和ViewProps的例子(见下图)。 这是我的.eslintrc.js： module.exports = {
env: {
browser: true,
es6: true,
node: true,
},
extends: [
'airbnb',
"plugin:import/typescript",
],
parser: "@typescript-eslint/pa
浏览 16提问于2020-03-24得票数 2
回答已采纳
给定一个tsconfig文件并使用命令行tsc，一切都按其应有的方式工作。但是，使用指定的gulp-typescript和指定的tsconfig.json和outFile会产生不同的输出顺序--我的问题是，我找不到一种方法来生成与tsc相同的javascript。
我们的构建工作流程是基于gulp的；但是tsc是黄金标准，具有很好的手表功能，并且具有广泛的工具支持(如)。如果我能让我们以吞咽为基础的构建工作与tsc一样，那就太好了。
示例tsconfig.json
{
"compilerOptions": {
"declaration": false
浏览 1提问于2016-02-08得票数 4
回答已采纳
2回答
我正在学习TypeScript，我得到了下面的错误。我无法理解错误提供的提示。我在没有TypeScript的情况下编写了这段代码，它的工作原理就像魅力一样。如何解决这个问题？
错误详细信息：
Argument of type '(prevState: Stock[]) => (Stock | Stock[])[]' is not assignable to parameter of type 'SetStateAction<Stock[]>'.
Type '(prevState: Stock[]) => (Stock | St
浏览 11提问于2022-07-19得票数 0
1回答
我正在制作最近的搜索结果组件。在这个组件im中从API获取搜索结果，并且有一个名为"click_count“的值。每当有人从最近点击的搜索中得到一个积极的结果时，这个值就会增加一个。
现在我想先展示一下click_count最高的那些。有人知道这怎么可能吗？
HTML
<ng-container *ngFor="let recent of searchSrvc.displayRecents | slice:0:5; let i=index">
<div class="result-row-wrapper">
&
浏览 12提问于2021-12-23得票数 0
我的代码中出现了这两个错误，我如何修复这些错误，而不用为这一行使用“抑制下一行反应/jsx-道具-无传播/或eslint-禁用-下一行反应/jsx键”呢？
<UitkTableHead>
{headerGroups.map((headerGroup) => (
<UitkTableRow {...headerGroup.getHeaderGroupProps()}> // Prop spreading is forbidden
{headerGroup.heade
浏览 4提问于2022-04-04得票数 1
回答已采纳
const myArray: string[] = {};
显然没有通过类型记录类型检查，但是：
const iAmAnArrayTrustMe: string[] = {...[]} // it passes the type checking
iAmAnArrayTrustMe.splice(1)
通过类型检查，但它当然在运行时就会失败。
我理解为什么它会在运行时失败，但我不明白为什么TypeScript会允许这样的作业。这种行为背后的原因是什么？
下面是一个要使用的示例：
浏览 6提问于2022-05-31得票数 5
1回答
如何对数组对象进行分组和排序
、、、、
我在TypeScript上写了一个应用程序，我使用JSON array，如下所示： data = [{"name":"dog",
"line":1,
"order":1},
{"name":"cet",
"line":1,
"order":2},
{"name":"red",
"line":2,
&#
浏览 21提问于2020-12-21得票数 0
回答已采纳
我在typescript中有以下代码
Array.map((r: number | PointOptionsObject | [string, number | null] | null ) => {
if (r) {
;`
${r.phrase}:
<span> hello </span>
`
}
浏览 13提问于2021-05-22得票数 2
回答已采纳
我用的是简单的导入类型的eslint插件。我认为我的.eslintrc.js是正确的，但我不能使这个具体的插件工作。我在文件的第一行中得到以下错误：
规则‘simple-导入-排序/排序’的定义不是简单-导入-排序/排序
这是我的配置：
module.exports = {
parser: '@typescript-eslint/parser',
extends: [
'eslint:recommended',
'airbnb-typescript',
'airbnb/hooks',
浏览 11提问于2020-11-19得票数 14
回答已采纳
我得到了以下错误：
src/model/priceAdapment.ts(55，2)：error TS2345:类型'{ as: string；foreignKey: string；gql: any；}‘的参数不能分配给类型'AssociationOptionsHasMany’的参数。对象文字只能指定已知的属性，并且'gql‘不存在于'AssociationOptionsHasMany’类型中。
错误很明显，我试图分配一个不存在的"gql“键(我将它附加在上面，以便以后在代码中访问它)。
我想做的是扩展，并添加我自己的密钥。这个是可能的吗？如果是
浏览 8提问于2017-11-21得票数 0
我正在尝试定义一个接口，它是一个数组，如这里所解释的：，然后将项推到它。问题是，TypeScript说这种推送不存在。
我在中尝试了以下示例
interface StringArray {
[index: number]: string;
}
var myArray: StringArray;
myArray = ["Bob", "Fred"];
myArray.push('Barney'); // <- push doesn't exist ??
那个接口不是一个常规数组吗？
浏览 3提问于2016-01-18得票数 1
回答已采纳
1回答
我将onClick()事件放在元素上，并尝试更改UI新数据，但它失败了。podaciLjubimci in console.log()返回基于countLike的新数据的新状态，但是在UI上什么也不会发生。
为什么数组随着新数据的变化而在console.log()中发送给我，但是setState()没有呈现组件呢？
代码：
const [podaciLjubimci, setState] = useState([
{ id: 1, naziv: "naziv", pol: "Muski", starost: "junuor", mesto:
浏览 4提问于2021-04-16得票数 0
回答已采纳
1回答
我正在用Typescript在Angular 2中写一些reducer逻辑，我有以下逻辑
const addOption = (state: Array<Poll>, id: number, payload: any) => {
let pollToUpdate = {};
state.map((poll) => {
if(poll.poll_id == id) {
pollToUpdate = poll;
}
});
const newState = state.filter
浏览 4提问于2017-05-18得票数 0
我正在使用TypeScript中的TypeScript函数。我需要限制可能接收的字符串作为某些对象的键。
例如，我有一个带有对象属性名称的数组，我的对象实现了一个接口：
const props = ["a", "b", "c"]
interface A {
a: any,
b: any,
c: any
}
然后我将调用为函数
props.some( (prop) => {
// ...
})
我试过：
props.some( (
浏览 1提问于2021-04-26得票数 1
回答已采纳
在TypeScript中如何使用泛型类型有一个默认示例：
class Greeter<T> {
greeting: T;
constructor(message: T) {
this.greeting = message;
}
greet() {
return this.greeting;
}
}
let greeter = new Greeter<string>("Hello, world");
let button = document.createElement('
浏览 0提问于2018-03-28得票数 3
回答已采纳
我在扩展Array的自定义类时遇到了一些问题。基本上，我只是想在数组类上添加一些助手方法，这里我要添加一个logMe方法，并在数组中添加前缀。
class AAA extends Array {
_prefix: string;
constructor(prefix: string, values: number[]) {
console.log('AAA contructor', values);
// Use hack
// https://stackoverflow.com/questions/35673043/extending-ar
浏览 0提问于2018-10-23得票数 6
2回答
Problem解释说：
假设有1000米的运行结果列表，如下所示：
[
{ id: 1, date: '2017-01-01 00:00:00', duration: 195 },
{ id: 2, date: '2017-01-10 00:00:00', duration: 270 },
{ id: 3, date: '2017-03-12 00:00:00', duration: 220 },
{ id: 4, date: '2018-01-10 00:00:00', duration: 218
浏览 0提问于2018-06-10得票数 7
回答已采纳
如何按对象值对此对象数组进行排序？我正在使用Typescript
console.log(this.items)；
(6) [{…}, {…}, {…}, {…}, {…}, {…}]
{id: 3, ref: "P-201721", active: 1, visible: 1, weigth: 0.3, …}
{id: 4, ref: "P-201722", active: 1, visible: 1, weigth: 0.3, …}
{id: 1, ref: "P-201710", active: 1, visible: 1, weigth:
浏览 0提问于2018-01-11得票数 2
回答已采纳
我为一个集合做了一个扩展方法，它认为元素是有序的。函数从开头开始，在索引0处开始，并且顺序具有重要意义。例如：按顺序分组或项的索引。
然而，我总是对要扩展什么感到困惑：IEnumerable<T>还是T[]。我的理由是目的的明确性:数组有排序的概念，而IEnumerable是由许多泛型集合实现的，并不是所有的集合都有顺序的概念：
字典-无序
HashSet -无序
LinkedList -有序
表序
排队顺序
SortedDictionary排序(非原始订单)
SortedList排序(非原始订单)
SortedSet排序(非原始订单)
叠倒
以及任何其他可能被命令或不被命令的实现
浏览 0提问于2011-12-09得票数 9
回答已采纳
2回答
在我的settings.json中，我有：
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
]
但我的打字稿支持不起作用。它在运行时捕获错误，但没有显示红色的行(例如下面的例子)。
启用ESLint时也会出现错误，而启用ESLint时更漂亮的代码无法正常工作：
ESLint: Failed to load parser '@typescript-es
浏览 1提问于2020-10-14得票数 4
回答已采纳
TypeScript使用泛型元组rest元素给出了一个错误
type Tuple<Value extends any[]> = [...Value];
错误：
$ tsc
src/index.ts:1:36 - error TS2574: A rest element type must be an array type.
1 type Tuple<Value extends any[]> = [...Value];
我在这里错过了什么？
打字本版本：typescript@3.1.6
type Tuple<HEAD, TAIL extends an
浏览 4提问于2018-11-17得票数 6
回答已采纳
1回答
我想在php中对多维数组进行排序，就像对电子表格中的列进行排序一样。我需要能够选择开始和停止列，并且可以选择是否对列的“子”进行排序。我不确定我应该如何正确地解释这一点，所以我试着举一个例子。
我能用标准的PHP函数做到这一点吗，或者我需要自己写一个？在后者的情况下，我希望现在就能得到一些帮助。
-------------0------1-------2--- (dimensions)
$someArray[$col1][$col22][$col3];
col1 col2 col3:
a 1 w
c 5 x
b 2 y
d 3
浏览 0提问于2011-10-03得票数 0
回答已采纳
3回答
我是c#的新手，正在尝试用正确的方式去做。我搜索了stackoverflow，查阅了教程和书籍，重新‘排序类对象’，但还没有找到任何适合我的东西，尽管在列表，INUMERATORS和比较器上挣扎。为了帮助我学习c#，我正在尝试复制一个旧的棋盘游戏。它包括在新游戏开始时需要排序或洗牌的纸牌。我通过一个存储过程从SQL Server获取卡数据，因为我也在尝试处理它。如何简单地对我的卡片类对象进行排序并从下面的函数中返回它们？我能以最好的方式来完成这项任务吗？下面是我的“PirateCard”类。非常感谢。
using System;
using System.Collections.Generic
浏览 0提问于2014-01-12得票数 0
1回答
我在TypeScript中有代码，我需要C#中的等效代码。
声明：
private sessionCommands: SessionCommand[];
// . . .
// Create array in constructor.
this.sessionCommands = new Array();
// . . .
// Push few objects to array in some method
然后获取数据。这是很重要的一部分，如何在C#中做到这一点？
var data = this.sessionCommands.map(x => x.identifier + "
浏览 3提问于2016-11-23得票数 1
回答已采纳
2回答
我有下面的md-collection，它加载一个电子邮件列表，如下所示 <md-collection-item repeat.for="u of user" class="accent-text">
<div class="row">
<div class="col">
<p>${findEm
浏览 79提问于2020-12-10得票数 0
我目前正在开发一个TypeScript API，它需要绑定到对象原型(Object.prototype)的一些附加特性。
考虑以下代码：
class Foo {
}
interface Object {
GetFoo(): Foo;
GetFooAsString(): string;
}
//This is problematic...
Object.prototype.GetFoo = function() {
return new Foo();
// Note, this line is just for testing...I don't w
浏览 3提问于2013-05-29得票数 34
回答已采纳
我已经编写了一个帮助器方法，并将其添加到Array.prototype中，以便在Promise.all中包装一组promises。
Array.prototype.awaitPromises = function() {
return Promise.all(this);
}
现在我正在尝试使用TypeScript类型，但是我没有看到一种方法可以将数组类型“解包”成一个Promise包装的值：
declare global {
interface Array<T> {
awaitPromises<U>(): Promise<Array<U&g
浏览 0提问于2016-05-04得票数 0
1回答
目标是拥有一个函数，该函数可以对实现可比较接口的一系列所有对象类型进行排序。我不是想提高这方面的表现。我只是想优化我对仿制药的使用。
我目前使用T extends whatever和T[]，但是我也在考虑使用T extends whatever和ArrayList。一种比另一种更好，还是这两种方法都是垃圾？如果你有其他意见，请告诉我我是来学习的:)
public static void main( String[] args )
{
String[] stringList = {"hello", "this", "is&#
浏览 0提问于2021-10-15得票数 3
我有一个列表视图，我想用四个类别对列表视图进行排序，字符串名称(字母顺序)，字符串类别(字母顺序)，字符串日期(从新到旧)，int (从99999到0)。单击单选按钮时，我想对列表视图进行排序。
这是我想要“列表”视图时的支出活动。
public class ExpensesActivity extends AppCompatActivity {
Button btnAddExpenses;
ListView lvExpenses;
CustomArrayAdapterExpenses adapter;
ArrayList<String> alExpensesName;
Arra
浏览 4提问于2017-04-02得票数 0
回答已采纳
3回答
我想创建类似于using循环的对象，其中我有单独的国家代码数组和另一个纬度和经度数组，是否有方法在typescript中实现这一点，
var latlong={
'us': {'latitude':39.528019315435685, 'longitude':-99.1444409552122},
'fr': {'latitude':46.62065825554313, 'longitude':2.4521888685061306}
}
浏览 1提问于2018-10-25得票数 0
Spec
根据地图应该这样使用..。
var new_array = arr.map(callback[, thisArg])
问题
TypeScript对map有几个重载声明，这使得extend Array<T>变得非常困难。
我希望看到这个(在lib.d.ts中).
map<U>(callbackfn: (value: T, index: number, array: T[]) => U, thisArg?: any): U[];
但lib.d.ts也有.
map<U>(this: [T, T, T, T, T], callbackfn: (val
浏览 4提问于2017-01-31得票数 9
回答已采纳
我得到了
Parsing error: Unexpected token :
对于构造函数中配置变量后的分号
constructor(config: any) {
super(config)
}
也适用于这个变量声明
let userData: any
在userData之后也是这样
async createNewUser(userData: object) {
}
为了澄清我的配置，这里是配置文件。这是我的package.json
"dependencies": {
"@codeceptjs/configure": "^0.8.0
浏览 6提问于2022-05-15得票数 1
回答已采纳
1回答
我是TypeScript的新手。我可能在问一个新手的问题。我有以下对象数组。我想把它按年龄或名字分类。这个问题以前也有人问过。在读完 之后，我试着跟踪。我无法用TypeScript编译它。
sortData2() {
const testData: object[] = [
{
name: 'name 1',
age: 20,
sex: 'M',
height: 7.5
},
{
name: 'name 1',
age: 10,
浏览 2提问于2020-09-27得票数 0
回答已采纳
错误npm ERR! could not determine executable to run是什么意思？ 我正在尝试使用typescript和yarn初始化一个简单的nodejs应用程序。我以前从来没有真正用过纱线。 我已经运行了这些命令:成功创建package.json npx typescript --init的yarn init给出了上面的错误消息。 版本: yarn v1.22.11 npx 7.12.0 我运行了yarn add typescript，它给我提供了： info Direct dependencies
└─ typescript@4.3.5
info All de
浏览 430提问于2021-08-20得票数 5
回答已采纳
3回答
我有一个声明为var cars = new Map<string, object>();的地图，其中string是汽车的模型，object有像year和price这样的信息。
因此，Map将如下所示：
Map = [
'BMW' => {
id: 123,
price: 2000,
models: {...}
},
'Opel' => {
id: 1234,
price:
浏览 1提问于2018-02-15得票数 3
1回答
下面的代码来自这个答案：
public class SynchronizedArray<T> {
private var array: [T] = []
private let accessQueue = dispatch_queue_create("SynchronizedArrayAccess", DISPATCH_QUEUE_SERIAL)
public func append(newElement: T) {
dispatch_async(self.accessQueue) {
self.ar
浏览 3提问于2016-01-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
