为什么对象数组中的过滤器在typescript中不起作用
在 TypeScript 中，对象数组的过滤器可能不起作用的原因有以下几点：
- 类型不匹配：过滤器可能无法正确匹配对象数组中的元素类型。在 TypeScript 中，对象数组的元素类型需要明确定义，如果过滤器的条件与元素类型不匹配，过滤器就无法起作用。确保过滤器的条件与对象数组元素的类型相匹配。
- 引用问题：过滤器可能无法正确引用对象数组。在 TypeScript 中，对象数组需要正确引用才能进行过滤操作。确保对象数组被正确引用，并且过滤器应用在正确的数组上。
- 语法错误：过滤器可能存在语法错误，导致无法正确过滤对象数组。在 TypeScript 中，语法错误会导致代码无法正常执行。检查过滤器的语法是否正确，确保没有语法错误。
- 操作错误：过滤器可能存在操作错误，导致无法正确过滤对象数组。在 TypeScript 中，操作错误可能包括使用错误的过滤方法或条件。确保使用正确的过滤方法和条件，以正确过滤对象数组。
总结起来，确保过滤器的条件与对象数组元素的类型相匹配，正确引用对象数组，避免语法错误和操作错误，可以解决对象数组过滤器在 TypeScript 中不起作用的问题。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
相关·内容
我有一些角度代码，我已经开始工作，但我不明白为什么-是一个C夏普背景和新的JS和打字稿。
<tr ng-repeat="colleague in Model.FilteredColleagueListModel | filter:Model.searchText(Model.SearchCriteria)" >
public searchText(searchCriteria)
{
return function (item) {
if (item.DisplayName.indexOf(searchCri
浏览 3提问于2015-12-07得票数 0
回答已采纳
我正在将应用程序中的javascript代码更改为typescript，并注意到以下问题：
工作javascript代码：
var x= $.makeArray($(comparisonObjects)
.map(function (i, o) {
if (o.Id !== IdtoRemove) {
return o;
}
return null;
}));
这在typescript中不起作用，因为"o“被断言为"Element”类型
浏览 14提问于2017-03-01得票数 0
我正在使用带有TypeScript版本2.2.2的Angular4
我的web应用程序在调用带有过滤器的JSON时运行良好，但当我将过滤器值作为对象调用时，我的NativeScript应用程序会失败，但当我将过滤器值作为字符串调用时，它工作得很好。
URL: null的状态为200的错误响应
这是的作品
如果筛选器值和搜索值是字符串，则不起作用；如果它们是对象，则不起作用
这不起作用
{"limit":"12"，“skip”：“0”}&search={“搜索”：“”，“纬度”：“”，“经度”：“”，“类别”：“”，“地址”：“”，“类型”：“即将到来”}
浏览 0提问于2018-01-17得票数 0
1回答
为什么这在TypeScript中不起作用？
示例：
views: any[] = [360001232825, 360001232845, 360001217389];
MyArray:any[];
for (var i = 0; i < this.views.length; i++) {
this.subscription = this.dataService.getMyData(this.views[i]).subscribe(data => {
this.myArray[this.views[i]]=data
浏览 0提问于2018-06-18得票数 0
回答已采纳
我正在TypeScript中遍历一个TypeScript数组，但是在Visual中我发现一个错误，即每个特定的Uint8Array实际上都是一个字符串，并且它会导致typeCheck失败。我不知道为什么会这样。
function failState (arrayOfUint8Array: Array<Uint8Array>){
for (const specificUint8Array in arrayOfUint8Array){
functionRequiringUint8Array(specificUint8Array)
//sp
浏览 8提问于2022-07-26得票数 1
回答已采纳
1回答
我尝试使用typescript设置Mat Select的选定值。我有以下代码 <mat-form-field>
<mat-select formControlName="students" multiple>
<mat-option [value]="item.studentId"
*ngFor="let item of listOfStudents" >
{{item.name}}
</mat-option>
<
浏览 28提问于2021-01-11得票数 1
我想以对象数组的形式编写一些模拟数据。
但是，我想在类的实例中管理数据。
所以我想让typescript对此进行警告。
但它不起作用。
class Article {
title: string;
userId: string;
constructor(title: string, userId: string) {
this.title = title;
this.userId = userId;
}
}
const getTitles = (articles: Article[]) => articles.map(article => art
浏览 0提问于2020-03-11得票数 2
我正在尝试将对象推入到typescript中现有的json数据中，我是第一次使用typescript，我在typescript中创建了数组变量，让jsonArrayObject: boolean[] =[]；这个jsonArrayObject包含contactModel对象，在这个对象中包含像fname，lname，id，mobile这样的属性。我试过写代码了。请帮帮我。
let jsonArrayObject: boolean[] = [];
jsonArrayObject=[{
contactModel:{
fname:"vboyini",
lna
浏览 3提问于2018-04-03得票数 1
2回答
我正在尝试获取ngx模块的两个数组，并将它们导出为一个数组。类似于以下内容：
@NgModule({
declarations: [],
exports: [
CommonModule, FormsModule, ReactiveFormsModule
].concat([
MatButtonModule,
MatMenuModule,
MatSidenavModule
])
})
export class CoreModule {}
为什么这不起作用？我认为，在幕后，.concat只是将指向地址的指针组合到一个新的数组中，但我收到的typesc
浏览 1提问于2019-04-30得票数 0
我在使用jQuery时遇到了一个问题，我将这些代码放入TypeScript中，这只是给出了一个错误：
import $ = require("jquery");
$('element').sort(function(a,b){
// code<>
})
这是更详细的图像：
我在电子上使用jQuery 3.4.1，你为什么要给这个错误？
有人能帮忙吗？
浏览 2提问于2019-10-19得票数 0
回答已采纳
我有点不明白为什么我的ng选项再次返回一个带过滤器的空行。
请看一下这个
这样做的目的是在下拉列表中显示一个基于树结构对象的组织结构图。
要做到这一点，我已经构建了一个服务，它将树夷为平地为一个一维对象。我在我的ng选项中调用的过滤器中使用此服务。
<select ng-model="treeValue1" ng-init="treeValue1 = fields[0]" class='form-control'
ng-options="element as element.display for element in fi
浏览 3提问于2014-06-25得票数 0
回答已采纳
typescript如何在解析的值数组中键入Promise.all()，typescript如何推断每一项的类型？我在Promise.all()的类型签名中只看到一个泛型T，但是为什么我能够传递解析为不同类型的值的promises？ 更详细地说，为什么我的promiseAll实现抛出了typescript类型错误，而内置的typescript却像魔术一样工作？ const promiseAll = function<T>(promises: Promise<T>[]): Promise<T[]> {
const results: T[] = [];
浏览 89提问于2021-10-27得票数 0
回答已采纳
我需要使手风琴组件可重用。将来，我应该能够将新对象添加到同一个数组'accordionProps‘中，并将其传递给手风琴。
这里，我将对象的数组'accordionProps‘向下传递到组件。道具类型是在子组件中定义的，它与我的数组内容相匹配。
const accordionProps = [
{
title: 'Active Orders',
body: <OrderModule />,
},
{
title: 'Drivers',
body: <
浏览 5提问于2022-02-04得票数 1
回答已采纳
我们正试图弄清楚typescript的一种特殊行为。在下面的两个代码示例中，应通过typescript更改jQuery对象。在运行良好的示例中，我们在实例化typescript类之后，通过在方法中使用选择器引擎来引用jQuery对象。这是可行的：
namespace Company.Module {
export class GenericService {
private statefulObject: JQuery;
public constructor( ) {
}
private _toggleObjectSt
浏览 1提问于2016-11-17得票数 1
我有两个应用程序，一个是用TypeScript编写的，另一个是用React编写的。在复制TypeScript中现有的功能以开发React中的工作版本时，浏览器控制台会抛出语法错误，并对转换程序错误抛出babels。
是否响应支持语法，如：Array<File>或<Array<File>>？请解释一下为什么或者为什么不。
我经常在允诺/可观察的代码中看到这些符号，而在本例中，这些符号用于文件。以这种方式实例化对象的目的是什么，它比简单实例化空数组有什么好处？
浏览 8提问于2017-02-18得票数 0
回答已采纳
我对TSlint有问题，并理解为什么不再允许使用for(i=0; ...)循环。
让我们假设我有一个简单的代码，如：
this.filters['1','2','3'....];
for (let i = 0; i < this.filters.length; i++) {
if (this.filters[i] === '2') {
this.filters = new_value;
}
}
TSlint让我把它转换成-of。但是，使用for-of将不起作用，因为我需要修改值
浏览 0提问于2019-09-12得票数 0
回答已采纳
所有代码都在这里：
Filter: <input type="text" ng-model="search">
<tr ng-repeat="(id, group) in groups | filter:search" class="editing-{{group.editing}}">
如果行与输入中的内容不匹配，我希望将它们过滤掉。它似乎什么也做不了。我知道{{search}}正在更改，但筛选器不起作用。
浏览 1提问于2014-06-04得票数 0
1回答
我刚接触typescript，想要创建一个存储对象。
该对象应如下所示：
workoutResults: array {
workoutResult {
dateOfWorkout: string
rounds: array {
sets:array {
repeats: number;
weight: number;
duration: number;
}
}
}
}
我想创建过去所有
浏览 10提问于2016-09-06得票数 0
回答已采纳
我在角2/ Ionic 2中得到了这个代码的TypeScript错误：
constructor(){...}
initializeApp() {
this.platform.ready().then(() => {
this.geolocation.getCurrentPosition().then((resp) => {
// resp.coords.latitude
// resp.coords.longitude
this.storageS
浏览 3提问于2017-04-01得票数 0
回答已采纳
我有一个这种形式的对象：
$scope.cars = {"honda“：{label："Honda"，isDisplayed : true}，"toyota”：{label："Toyota"，isDisplayed : false}}。
我想在"isDisplayed“属性为true的下拉列表中显示"label”。它的过滤器表达式是什么？以下内容不起作用：
<selected ng-model="car.selected" ng-options="value as value.label for (k
浏览 0提问于2013-11-11得票数 0
通常，要确定TypeScript中的变量类型，我可以这样做： if (typeof payload === 'string') {
console.log(payload) // const payload: string
} 但是这个不起作用： if (typeof payload === 'object') {
console.log(payload) // const payload: any
} Here's typescript playground with some non-working examples I ended
浏览 22提问于2020-11-22得票数 0
回答已采纳
2回答
在我的angular.js应用程序中有一个下拉列表，如下所示：
<select ng-model="script"
ng-options="s as s[1].shortDescription for s in objs | orderBy:'toString()'"
ng-change="updateParam()">
</select>
数组中的对象类型为
["test1", {shortDescription: "first test"
浏览 3提问于2015-06-07得票数 1
回答已采纳
4回答
我有一个FormGroups的FormArray，我想遍历这个FormArray并检测哪些FormGroups是有效的。但是，我不能这样做，因为我不能迭代FormArray，因为它不是数组或字符串类型。我的逻辑是在可能的情况下以某种方式将FormArray转换为数组。然而，我不知道typescript中的语法。 this.applicationFormArray = new FormArray([
this.selectAppFormGroup = new FormGroup({
}),
this.generalA
浏览 48提问于2018-03-05得票数 2
回答已采纳
1回答
我有一个很简单的部件。在javascript中工作得很好。
const Test = (props: any) => <div>{props.children}</div>;
const Root: React.SFC<{}> = props => {
return (
<div className="Root">
<h1>hello world.</h1>
<Test>{[...Array(20)].map((_, index) => &
浏览 0提问于2018-06-16得票数 2
回答已采纳
我很难理解如何在GraphQL中为GatsbyJS查询编写过滤器。
这样做是可行的：
filter: { contentType: { in: ["post", "page"] }
我需要的基本上是相反的，就像：
filter: { "post" in: { contentTypes } } // where contentTypes is array
这是不起作用的，因为“名称是预期的”(在我的例子中"post“)。
在浏览了GatsbyJS 之后，我发现了以下内容：
elemMatch: short for element match
浏览 0提问于2019-01-29得票数 4
回答已采纳
1回答
在HTML中我有指令ng-repeat
<div ng-repeat="friend in friendList.active | filter:searchName">
还可以使用ng-model="searchName"输入字段
<input type="text" ng-model="searchName" maxlength="10" placeholder="">
当我在ng-repeat中输入文本块时没有排序，为什么？
响应friendList.active AJ
浏览 1提问于2015-04-05得票数 3
回答已采纳
1回答
最近，我开始使用角2，所以我对如何从TypeScript文件中填充角2中的有一些疑问。让我给你看我的密码..。
我的TypeScript代码
@Component({
selector: 'app-request-assignClaim',
templateUrl: './request-assignClaim.component.html'
})
export class RequestAssignClaimComponent {
vm: RequestAssignViewModel;
constructor(
private route: Ac
浏览 0提问于2017-07-13得票数 1
angularJS中的元素的orderBy子级选项不起作用。我想按"pos“的孩子排序。谢谢
$scope.commands = {
"xyz" : {
"group":"g2",
"pos":2
},
"abc" : {
"group":"g2",
"pos":3
},
"ijk" : {
"group":"g1",
"pos":1
}
};
<div ng-repeat="(k
浏览 3提问于2014-03-05得票数 0
7回答
我想使用typescript从数组中批量删除。 我是通过使用for循环来做到这一点的。 this.versions = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
this.selectedVersions = [1, 2, 3, 4, 5, 6];
for (let i = 0; i < this.selectedVersions.length; i++) {
this.versions = this.removeObjectFromArray(this.versions, this.selectedVersions[i]);
}
//r
浏览 72提问于2017-10-24得票数 0
回答已采纳
我正在尝试获取选中复选框的值并将其放入strig中，该字符串将在我的api中使用。我希望在选中复选框后获取值，如果未选中该复选框，则检索该值。 <div *ngFor="let x of groupesTable">
<input type="checkbox" [(ngModel)]="group" (change)="">
{{x.nom_groupe | uppercase}}
</div> 我不知道如何做到这一点，或者我应该在typescrip
浏览 151提问于2019-04-22得票数 1
当我使用对象解构时，为什么我在typescript中出现错误？ Javscript运行良好。但是typescript得到了错误。 fn错误： This expression is not callable.
Not all constituents of type '(() => void) | { bar: () => void; }' are callable.
Type '{ bar: () => void; }' has no call signatures. bar错误： Property 'bar' d
浏览 89提问于2020-07-05得票数 0
回答已采纳
我正在将一个C#桌面应用程序重构为一个棱角/类型记录的web应用程序。
C#应用程序中的所有类属性都使用PascalCase，所以我认为，保留它是个好主意。
下面是两个基本相同的TypeScript类的示例。1号使用PascalCase，2号使用camelCase：
//PascalCase
export class Info
{
public ManagedType:string;
public ApiTemplate:string;
}
//camelCase
export class Info
{
public managedType:string;
浏览 4提问于2019-04-03得票数 0
回答已采纳
此代码没有编译(TypeScript v2.9)：
class Foo {
constructor(public key: string, public value: string) {
}
}
const arr = new Array<Foo>();
for (let foo in arr) {
console.log(foo.key, foo.value)
}
下面是TypeScipt操场上的相同代码：
原因是：
为什么TypeScript认为变量是字符串的类型，以及如何修复它，但
浏览 0提问于2018-07-05得票数 1
回答已采纳
我正在进行从JavaScript到TypeScript的移植练习，并讨论了以下问题。
在最初的JavaScript代码中，我得到了：
var children = someJQueryElement.children('div');
var sortedChildren = children.sort(someSortFunction);
在TypeScript (1.4)中，所有jQuery方法都返回JQuery，它不是array，因此不能让sort调用它。
我该怎么解决这个问题？
浏览 5提问于2015-02-06得票数 1
回答已采纳
Heyho
我想在我的类型记录代码中使用一些javascript库，在npm中没有输入。因此，我自己编写了这些类型，并将它们放在源代码树中的definitions目录中。但是，我无法让类型记录在目录中查找这些模块。
我的目录结构如下所示：
+-node_modules
| |
| +-moduleA
| |
| +-moduleB
|
+-src
| |
| +-definitions
| | |
| | +-moduleA.d.ts
| | |
| | +-moduleB.d.ts
| |
| +-ts
| |
| + ... all typescript code ...
|
+-
浏览 7提问于2017-08-04得票数 23
回答已采纳
1回答
我对Jekyll很陌生，并且正在为我的一个项目创建一个文档网站。我正在尝试创建一个侧边栏来显示文档中的当前页面。为了存储文档的结构，我在_data文件夹中创建了一个名为subsections.yml的文件。以下是文件：
- title: Quickstart # Section
data:
- Get started # Subsections
- The basics
- title: API documentation # Another section with subsections
data:
- Introduction
以下是将用于文档中页面的ht
浏览 2提问于2020-06-06得票数 1
回答已采纳
根据angularjs文档，您应该能够将一个对象传递给filter方法。您可以在使用对象时指定要筛选的列，也可以使用“特殊$”字符，并且应该搜索所有属性。当我指定要筛选的列名时，过滤器工作得很好，但是当我尝试使用$对所有列进行筛选时，它不起作用。我不确定我用得对不对。有人知道怎么纠正这个问题吗？
var filterObject = { $ : 'Jeff'};
$scope.myFilteredData = $filter('filter')($scope.myRawData, filterObject);
浏览 4提问于2014-11-21得票数 0
回答已采纳
为了与现有代码进行接口，我希望在JavaScript/TypeScript中实现一个带有非唯一键的Map (对于一个web应用程序来说)。
我知道JavaScript/TypeScript中的Maps强制执行唯一的键。如何实现“非唯一”地图？
创建键值对象数组不起作用，因为该结构不会以正确的形式从JSON反序列化现有的使用者代码。
例如，我希望创建如下结构：
vehicleOptions : NonUniqueMap<key: string, value: {color: string, isTowingCapable: boolean}>
{
"Truck",
浏览 1提问于2018-11-08得票数 2
回答已采纳
我在softlayer API上使用ObjectFilter遇到了麻烦。
我正在测试Softlayer API以检索块存储的主机IQN、用户名和密码。
我尝试使用下面的命令，但objectFilter根本不起作用。
curl -g 'https://username:api_key@api.softlayer.com/rest/v3/SoftLayer_Network_Storage/storage_ID/getObject?objectMask=mask[id,username,allowedIpAddresses[ipAddress,allowedHost[name,credent
浏览 17提问于2017-07-12得票数 0
我正在使用来自react-query的useQuery钩子，当我试图在查询函数中访问我的键时，也就是useQuery的第二个参数，我遇到了一个关于typescript的问题，它抱怨这个语句 const postId = queryKey[1].id as any 那 Property 'id' does not exist on type 'string | { id: string | undefined; comments: boolean; }'.
Property 'id' does not exist on type 's
浏览 34提问于2021-08-30得票数 2
回答已采纳
在我的angular 6应用程序中，我有下面的json对象，它是从后端检索的。
"participants": [{
"dateJoin": 1520409578,
"dateLeft": 0,
"firstName": "edh",
"internalId": 165,
"invitedBy": "edh",
"lastName": "edh
浏览 2提问于2019-11-21得票数 0
当我尝试使用下面的代码遍历嵌套数组对象时，它不起作用。在Typescript或angular4中抛出错误“未定义”有什么问题吗？
import { Process, Event } from "./process";
export class ProcessComponent {
process: Process;
someMethod() {
for(let val of this.process.events) {
console.log(val.notes); // throwing error in console showing un
浏览 7提问于2017-08-10得票数 0
2回答
在TypeScript中，any[]和Observable<any[])>之间的主要区别是什么
使用每一种方法的优缺点是什么？
浏览 0提问于2016-07-29得票数 15
回答已采纳
我是一个非常新手的TypeScript，现在我试图理解接口是如何在React组件的类方法中工作的。我为它创建了一个简单的案例，但它不起作用。我总是收到一个错误，就像这篇文章的标题一样。
如果有任何帮助，我都很高兴。
import React, { Component } from 'react'
interface A {
a: any[]
}
class Test extends Component {
_getName = (a: A) => {
return a
}
render() {
const a = []
retu
浏览 23提问于2018-09-06得票数 0
回答已采纳
如何在需要时修改迭代器的同时，在typescript中迭代数组？我的程序中有以下typescript逻辑：
for let list_item of list
if list_item matches condition:
modify list_item
然而，这不起作用，因为我猜typescript不会返回可变迭代器？我怎样才能做到这一点呢？这可以通过枚举数组来完成，例如for(let list_item, index of list) { ... }，但我不知道这是否存在。
下面是我遇到的问题的一个例子: goo.gl/5eDNsD
浏览 0提问于2016-11-07得票数 0
1回答
我正在尝试在Typescript中使用Dygraph。它的类型被声明为。
我不知道如何使用clickCallback选项：
import Dygraphs from 'dygraphs';
...
new Dygraph('el', data, {
clickCallback: (e: MouseEvent, xval: number, points: dygraphs.Point[]) => {
...
}
});
这不起作用，因为我不能导入dygraphs.Point类型。我尝试过impor
浏览 13提问于2019-10-31得票数 0
在中，当我们想格式化一个表达式的值以便显示给用户时，我们使用角度。在中，我们同样使用。
角1滤波器：
HTML：
<p> {{ greetings | reverse }}</p>
联署材料：
app.filter('reverse', function() {
return function(input, uppercase) {
input = input || '';
var out = '';
for (var i = 0; i < input.length; i++) {
浏览 4提问于2017-01-25得票数 2
回答已采纳
1回答
我的结构看起来像这样：
"_id" : { "$oid" : "502ac2858386b3f419000002"} ,
"eventName" : "eventA" ,
"eventStreamName" : "eventA-0001" ,
"encoders" : [
{
"encoderName" : "enc-201" ,
"streams" : [
{ "l
浏览 0提问于2012-08-15得票数 0
回答已采纳
我试图使用我在控制器中编写的过滤器来缩小使用ng选项的选择列表。过滤器逻辑正常工作，但是结果没有显示出来。
下面是我的控制器的相关部分：
$scope.ESGFilter = function() {
var esg;
var filteredESGs = [];
// LOGIC GOES HERE TO POPULATE THE filteredESGs ARRAY
console.log(filteredESGs);
return filteredE
浏览 4提问于2014-05-02得票数 1
回答已采纳
所以我有一个关联数组(或者更精确地说是对象)。
$scope.items = { 'x': {...}, 'y': {...} };
我想做一个ng-重复，这很好。
<div ng-repeat="(id, data) in items | filter: customFunction" >
然而，过滤器似乎不起作用，它被定义为
$scope.customFunction = function (item) { return item.status === 'active'; }
但是，过滤器不起作用。不管过滤器是什么
浏览 2提问于2014-11-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
