使用JavaScript/TypeScript过滤两个数组
使用JavaScript/TypeScript过滤两个数组可以通过使用数组的filter方法来实现。filter方法接受一个回调函数作为参数，该回调函数会对数组中的每个元素进行判断，返回true则保留该元素，返回false则过滤掉该元素。
下面是一个示例代码：
const array1 = [1, 2, 3, 4, 5];
const array2 = [2, 4, 6, 8, 10];
const filteredArray = array1.filter((element) => {
return array2.includes(element);
});
console.log(filteredArray);上述代码中，我们定义了两个数组array1和array2。然后使用array1的filter方法对每个元素进行判断，判断条件为array2是否包含该元素。如果包含，则保留该元素，最终返回一个新的数组filteredArray。
这样，filteredArray中就包含了array1和array2中共同存在的元素。在这个例子中，filteredArray将会是[2, 4]。
对于JavaScript/TypeScript过滤两个数组的应用场景，可以用于数据处理、数据筛选、数据匹配等场景。比如在电商网站中，可以使用这种方法筛选出用户购物车中同时包含某些特定商品的订单。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless Cloud Function）：https://cloud.tencent.com/product/scf
- 云数据库 MongoDB 版（TencentDB for MongoDB）：https://cloud.tencent.com/product/mongodb
- 云存储（对象存储 COS）：https://cloud.tencent.com/product/cos
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 人工智能机器学习平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 腾讯云区块链服务（Tencent Blockchain）：https://cloud.tencent.com/product/tbc
- 腾讯云元宇宙服务（Tencent Metaverse）：https://cloud.tencent.com/product/metaverse
以上是腾讯云提供的一些相关产品，可以根据具体需求选择适合的产品进行开发和部署。
相关·内容
我正在进行从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
回答已采纳
我正在将应用程序中的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和JavaScript。我需要将位于TypeScript文件夹中的TypeScript文件编译成JavaScript文件夹中的JavaScript文件。
浏览 2提问于2016-09-26得票数 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
回答已采纳
我在一个Angular/Ionic项目中使用Typescript。我有一个包含技能数组的用户数组。我必须根据用户的在线状态和技能来过滤用户。 [
{
"id": 1,
"name": "Vikram Shah",
"online_status": "Online",
"skills": [{
"id": 2,
浏览 36提问于2020-01-18得票数 0
2回答
在Angular2 2/Typescript (ES6)中合并两个数组的最快和最简单的方法是什么。
附注：数组包含嵌套对象。
我知道已经有很多答案了。这就是我困惑的原因。我在上试过答案，但没能成功。
提前谢谢。
浏览 5提问于2017-05-09得票数 1
回答已采纳
const COUNTY = ["DELHI","GUJARAT","GOA","ANDHRA"]
const COUNTY_CODE = ["001","002","003","004"] 我们有两个数组。第一个数组，我们在下拉列表中显示。我们需要传递来自第二个数组的县代码，基于在第一个数组中选择的县。 如何使用angular JS和javascript以及typescript来实现?？
浏览 17提问于2020-08-29得票数 0
1回答
我遵循以下说明：“返回所提供数组中所有知道typescript的人的数组”。 export interface Person {
name: string,
netWorth: number,
coder?: boolean,
us?: boolean
city: string,
languages: string[]
}
export const cities = ['nyc', 'sf', 'la']
export const languages = [
'javascrip
浏览 13提问于2020-01-05得票数 0
我试图用rxjs过滤一个可观察到的数字数组。但是，作为类型提示，TypeScript告诉我，filter运算符得到一个number[]数组，而不是number，我认为这是不正确的。根据，rxjs过滤器操作符谓词应该接受一个项，而不是其中的一个数组。这是TypeScript类型中的错误，还是下面的示例中有错误？
浏览 1提问于2019-07-12得票数 1
回答已采纳
export default combineReducers({
todosReducer,
calculatorReducer,
dateReducer,
});
我正在尝试将TypeScript集成到大型代码库的一部分中。在上面的例子中，假设前两个减速器是JavaScript，最后一个是TypeScript。代码编辑器似乎暗示我需要该文件为TypeScript，但当我这样做时，我在导入时会出现错误，因此不会编译。
import todosReducer from './todosReducer';
import calculatorReducer from './c
浏览 1提问于2020-03-06得票数 1
在现代的Javascript中，有可能找到JavaScript变量的内存地址吗？或Typescript变量的地址。
我对按值传递和按引用传递感到困惑，使用内存地址很容易理解现实。现在我们有了ES8和Typescript，但仍然无法获得变量和对象的内存地址。
浏览 9提问于2018-05-25得票数 19
我有一个对象数组，按照其中一个属性的值进行排序。排序工作正常，但我收到一个Typescript警告：“对象可能‘未定义’”。
如何检查name上未定义的值以解决此警告？
myItems.sort((a, b) => (a.name > b.name ? 1 : -1));
浏览 7提问于2021-01-29得票数 0
我正在尝试在一个小项目中使用NgZone，但不知道如何将其引入。angular.io的文档说它们是用于javascript的，但似乎使用的是typescript。
我找到的每个例子似乎都与文档一致，即typescript：
export class NgZoneDemo {
progress: number = 0;
label: string;
constructor(private _ngZone: NgZone) {}
我们没有使用typescript，我想不出如何将NgZone引入我的班级来拯救我的生命。如果不使用typescript，我必须在plunkr中进行哪些更
浏览 2提问于2016-01-20得票数 2
3回答
如果我的数组包含一个值，它是一个数组(多个标记)，我如何过滤该数组，使其同时包含两个标记。在this example中工作，这就是我到目前为止所拥有的代码。 let articles = [{title: 'title 1', tags :["JavaScript", "ES6"], category: "JavaScript"},{title: 'title 2', tags :["React", "TypeScript"], category: "React"}
浏览 48提问于2020-01-03得票数 0
回答已采纳
我正在尝试改编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
回答已采纳
我有一个数组，我想找到这些数组中第一个元素的最大值。
示例：
[ [ 300, 600 ], [ 160, 600 ], [ 120, 600 ] ]
此示例应该返回 300 ，因为它是最大值300、160和120。
这是一项简单的任务，可以这样解决：
let first = array.map(item => item[0]);
let max = Math.max(...first); // max == 300
问题是，我使用的是TypeScript，并且这个数组中可能包含一个固定的字符串，如下所示：
[ 'something' ]
无论我想做什么，我都会从不同的地
浏览 6提问于2020-07-26得票数 0
现在，这可能只是我不知道TypeScript如何工作的一些基础知识，因为我对它相当缺乏经验，但到目前为止，我所有寻找解决这个问题的方法的尝试都失败了。
在我的一个函数中，我试图获得两个布尔数组的逐项析取。但是，当我初始化一个空数组以填充新值时，发生了一些奇怪的事情。
let res = new Array<boolean>();
console.log(res)
正如你所看到的，虽然数组在其折叠的形式中被描述为空，但打开它以获取更多信息时，会发现它实际上已经有5个"false“值。(注意:这并不总是5个错误，这只是一个例子)
然后，当函数开始将新值推入其中时，虽然这些值在
浏览 43提问于2021-05-19得票数 0
6回答
我是angular (TypeScript)的新手，我想实现两个类之间的合成。我怎样才能做到这一点呢？
在c#中，如果我有像A和B这样的两个类，那么我实现如下的组合
class A
{
int ID {get;set;}
List<B> lstClassB {get;set;}
}
class B {
int ID {get;set;}
}
如何在TypeScript中使用此功能，如
export class A
{
ID :int;
lstClassB : ////what should I write here?
}
export class B
浏览 1提问于2019-09-17得票数 5
在角1中，我们有过滤器，这些过滤器可以用于DOM和类型记录/Javascript中。在角2中，我们使用管道来完成这些工作，但是管道只能在DOM中使用。是否有其他方法来使用Typescipt (部件)中的管道功能？如果有人知道这件事，请帮忙。
示例：
<div *for="let item of items">
{{item.price | priceFilter }}
</div>
我创建了名为priceFilter的用户定义管道，但我希望在Javascript/Typescript中进行同样的筛选。
浏览 1提问于2016-09-23得票数 6
回答已采纳
Question: This function determines if all the elements in array are subset of each other
// SECTION Toy_03
Array.prototype.isSubsetOf = function (array: string[]): boolean {
if (!array.length) return true;
return this.every((el: string): boolean => array.includes(el));
example output//
浏览 13提问于2020-10-28得票数 2
回答已采纳
TypeScript tsc -d“声明”的"compilerOptions“生成相应的'.d.ts‘文件。
例如，来自：
tmp.ts
const log = (m: unknown) => {
console.log((m));
return m;
};
它产生：
tmp.js
const log = (m) => {
console.log((m));
return m;
};
以及：
tmp.d.ts
declare const log: (m: unknown) => unknown;
我认为这非常有趣，因为它将Ty
浏览 1提问于2018-07-31得票数 1
因此，在sql中，常见的做法是使用select语句加上group by，然后是having count =1或having you。
select bID from tableA groubBy bID having count(*) = 1
本质上，我正在寻找做以上，但在打字。
我也想在没有任何额外插件的情况下做这件事，所以我真的想用javascript做这件事。基于我做过的一些谷歌搜索和访问，所以我发现.reduce函数或多或少就是我需要的(据我所知)
问题是我在这里得到的所有我得到的都是编译错误或转换错误。表示它的隐式类型为any或没有..的回调函数。等等。
我想要做的是传入一个数组。按
浏览 50提问于2018-10-10得票数 2
回答已采纳
我使用angular $filter从两个字符串中获取不匹配的对象。
我已经写了下面的代码来迭代。
angular.forEach(this.members, function (value: any, index: any) {
var person = this.$filter('filter')(this.allPersonnel, { Id: value.Member.Id })[0];
console.log(person);
this.validPerson.pu
浏览 0提问于2016-11-21得票数 0
只是为了好玩，我决定看看TypeScript。
我有一个问题(到目前为止)；给定以下typescript代码...
class EP {
id: number;
TY: string;
constructor(id: number, ty: string) {
this.id = id;
this.TY = ty;
}
}
下面的打字代码..。
var ep = new EP(1, "Yes");
var x = [ep.id, ep.TY];
JavaScript会认为这是有效的，但是TypeScript抱怨“数组文字表达式中的类型不兼容
浏览 3提问于2013-03-26得票数 1
回答已采纳
1回答
假设我通过如下条件获得一个函数： const func = myBooleanCondition ? this.userService.addUserGroup : this.userService.removeUserGroup; 这两个都有相同的签名： addUserGroup(username: string, group: string): Observable<string[]> 因此，我想将这些参数应用于此函数： const result = func.apply(this.username, 'value'); 但这不是正确的方法。如何在typesc
浏览 3提问于2020-07-15得票数 0
回答已采纳
我在TypeScript建了一个图书馆。我想把这个库包括在TypeScript和JavaScript节点项目中。这样做的一般策略是什么？我应该编译并有两个版本，还是应该使用其他策略？
浏览 1提问于2015-06-09得票数 1
回答已采纳
我试图找出如何将值串联在一起。例如，我想转换下面的数据
[
{"book": "Typescript 1", "year": "2015", "units": 1000},
{"book": "Javascript 1", "year": "2015", "units": 2000},
{"book": "Typescript1", "year": "2
浏览 6提问于2018-01-08得票数 0
回答已采纳
我使用WebStorm，在我的项目中有一些由TypeScript生成的JavaScript文件。我想把它们排除在搜索之外，这样我就不会不小心修改它们了。
我该怎么做呢？
浏览 5提问于2016-06-27得票数 1
VSCode1.40有两个新的设置javascript.suggest.includeAutomaticOptionalChainCompletions和typescript.suggest.includeAutomaticOptionalChainCompletions，我理解这两个设置是为了通过建议补全来启用或禁用?.的建议。我不理解的是何时触发这些?.完成。我已经将这两个设置设置为true，并且我使用的是TypeScript 3.8，但是当我编写以下代码时：
const adventurer = {
name: 'Alice',
cat: {
浏览 9提问于2019-11-11得票数 1
通过阅读和，我了解了TypeScript中的条件类型，我想我在TypeScript中发现了一个长期存在的错误。
例如，这段代码生成类型({ value: string } | { value: number })[]，而我期望它生成类型({ value: string | number })[]
// Given an array, make a new array that boxes up string or
// number elements into a new object with a 'value' property
declare function boxup
浏览 0提问于2020-09-12得票数 2
1回答
当将TypeScript转换到JavaScript时，我的理解是TypeScript类型信息丢失了，反射之类的特性只能以非常有限的方式工作。我们在运行时使用JavaScript反射，这是可以理解的，它对TypeScript类型的“知识”有限。
是否有一种在运行时检索TypeScript类型信息的方法？
让我们来看下面的片段，可以在上使用
class Book {
public title: string;
public isbn: string;
}
class Author {
public name: string = '';
public
浏览 1提问于2017-05-08得票数 7
示例
[
{ language: 'JavaScript' },{ language: 'JavaScript' },{ language: 'TypeScript' },
]
应该将转换为=
[
{ language: 'JavaScript', count: 2 },
{ language: 'C++', count: 1 },
{ language: 'TypeScript', count: 1 }
]
的思想是计算对象数组中每个唯一键的频率，而不是使结果看起来像
{ key1: 2
浏览 4提问于2022-10-06得票数 1
回答已采纳
在我们的大型企业项目中，我们面临的情况似乎在文章和互联网上的帖子中没有得到很好的描述。
我们需要将支持SPA的现有JavaScript基础结构代码与TypeScript上的其他团队正在开发的代码集成起来。由于许多政治限制和可用的开发资源，我们无法彻底改变这种方法(即只选择一种语言)。我们完全理解，这可能不是一个好主意，把两个基础设施集成在一起，用不同的语言编写。
不过，我们仍然需要评估从TypeScript代码调用JavaScript的影响和最佳实践。
TypeScript本质上被编译成JavaScript的理由似乎很模糊，因为在关于如何正确使用从手写JavaScript编译的JavaScri
浏览 0提问于2014-10-17得票数 14
回答已采纳
1回答
现在，我们在.aspx页面中使用服务器端代码块来生成供客户端脚本使用的JavaScript变量；
Page.aspx
<html>
<head>
<script type="text/javascript">
<%=GenerateJavascriptVars()%>
// session variables, database values, etc.
// use the variables
</script>
<
浏览 2提问于2014-11-20得票数 0
1回答
下面是一项任务，我完全搞不懂如何做到这一点。
我有TypeScript型。它是一个具有枚举键的对象。我想要创建一个通用的函数来过滤一个数组，该数组由这种类型的对象组成。
在下面的函数中，oldArray是要筛选的对象数组，而keyOldArray是TObject类型的键之一。我知道我需要在两个不同的地方使用这个函数，例如，将使用的两个键是名称和描述。如何为TypeScript指定此选项？提前谢谢大家！
type TObject = {
id: string;
description: string;
name: string;
tob: string;
};
const ar
浏览 2提问于2022-03-22得票数 1
回答已采纳
我想知道在typescript中null和undefined的区别是什么。我知道在javascript中，可以同时使用这两个变量来检查变量是否没有值。但在typescript中，我想确切地知道它们之间的区别，以及什么时候使用它们更好。谢谢。
浏览 5提问于2017-06-14得票数 23
回答已采纳
3回答
我正在尝试在map中键入一个临时的TypeScript函数。下面是JavaScript的等价物：
const double = n => n * 2;
const map = f => arr => arr.map(f);
const doubleArr = map(double);
console.log(doubleArr([1, 2, 3]));
// ↳ [2, 4, 6]
理想情况下，TypeScript应该能够推断，在向map提供double之后，doubleArray接收一个数字数组并返回一个数字数组。
以下是我尝试过的：
const double = (n:
浏览 3提问于2020-02-01得票数 1
回答已采纳
我目前正在开发一个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
回答已采纳
9回答
我有一个数组，其中包含javascript / typescript中的对象。
let array = [{id:1,name:'One'}, {id:2, name:'Two'}, {id:3, name: 'Three'}]
如何更新第二个元素的名称(使用id 2)并使用javascript (.)将数组复制到新数组接线员？
浏览 0提问于2017-06-13得票数 35
回答已采纳
是否可以让TypeScript编译器检查JavaScript文件foo.js与其自己的声明文件foo.d.ts是否一致？
我们有一堆JavaScript代码，出于各种原因，我们希望保留在JavaScript中。但是，如果可能的话，我们希望使用TypeScript来实现两个目标: 1)确认我们自己的JavaScript代码是类型安全的，2)向有兴趣使用TypeScript的客户提供声明。
对于给定的JavaScript文件foo.js，我们可以创建相应的文件foo.d.ts以满足目标2(支持TypeScript客户)。但据我们所知，foo.d.ts的存在并不会导致对foo.js的任何检查。也就是
浏览 4提问于2017-05-23得票数 8
我对Javascript非常陌生，所以如果我犯了任何明显的错误，请原谅我。
本质上，我有两个数组，我想为第二个数组中的每个元素循环。到目前为止我有这样的想法：
if(obtainedCards.some( sp => Boosters.SP.includes(sp)))
{
obtainedCards.forEach(potential => Boosters.SP.includes(potential))
{
// CHANGE THIS BACK TO 0, 100 AFTER TESTING
this.chance = Card
浏览 0提问于2020-05-27得票数 0
回答已采纳
6回答
如何在不显式编写循环的情况下将TypeScript中的集合(例如，{ 2，4，6})转换为数组2、4、6？
我尝试过以下方法，它们都在JavaScript中工作，但没有一个在TypeScript上工作
[...set] // ERR: "Type 'Set<{}>' is not an array type" in typescript
Array.from(set) // ERR: Property 'from' does not exist on type 'ArrayConstructor'
浏览 12提问于2016-04-24得票数 103
回答已采纳
我有一些角度代码，我已经开始工作，但我不明白为什么-是一个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
回答已采纳
当我使用以下命令构建angular 5项目时
ng build --prod
它给出了很长的误差，如下所示。它显示了部分错误。
error TS5055: Cannot write file 'E:/Files/dash-
functional/node_modules/zone.js/dist/long-stack-trace-zone.js' because it
would overwrite in
put file.
Adding a tsconfig.json file will help organize projects that contain both
浏览 0提问于2018-04-23得票数 0
我有下面的表达式
[isProduction() && '/prod-path', 'first', 'second'].filter(Boolean)
TypeScript不同意这是一个string[]。谁能告诉我原因吗？
浏览 3提问于2021-09-13得票数 2
回答已采纳
我在React函数组件中有一个函数，它在普通的JavaScript中是有效的语法(当然，没有类型定义)，但是在TypeScript中它有问题。这就是我们讨论的函数： const getSelection = (id: number, selection: string) => {
setAnswers((answers) => {
const result = [...answers];
result[id] = selection; // The error is here
return result;
});
};
浏览 391提问于2020-08-25得票数 0
回答已采纳
1回答
我是TypeScript新手，我问自己是否有可能配置TypeScript的编译，比如缩小/捆绑JavaScript和MVC5中的BundleConfig。
我的需要如下：
在使用TypeScript之前，我们有两个js包：“bundle/external”和“bundle/ Before”。
“内部”包有一些逻辑，我们只想向经过身份验证的用户公开这些逻辑。
但目前VS TypeScript编译器只能配置为编译所有.ts文件并将其合并到一个文件中。
有没有人有一种解决方案，可以通过“编译即存”行为来实现这种行为？
浏览 2提问于2015-09-24得票数 0
回答已采纳
我想标题有点混乱，但我不能用更简洁的方式把它写成一个简短的标题。然而，这正是我想要做的：
我有一个用JavaScript编写的npm模块，而不是TypeScript。
这个模块的一些用户正在使用TypeScript，所以如果我能够为我的JavaScript代码提供类型注释，那就太好了。
但是我不想切换到TypeScript，但我想继续使用纯JavaScript。
所以，我要找的是某种外部类型的声明清单，或者类似的东西。
这个是可能的吗？如果是这样的话，是怎么做的？
如果这对TypeScript用户来说是一个天真的问题，请耐心地回答我，但是我绝对没有TypeScript的经验
浏览 0提问于2018-12-10得票数 34
回答已采纳
问题:在一个新生成的MVC5Web项目中，我可以选择将Typescript的编译选项设置为none、RequireJS或CommonJS。这是一个站点范围的编译选项。
在一个特定的视图中，我需要使用esri的javascript api。这个api封装了RequireJS和Dojo，如果我选择RequireJS作为typescript编译选项，一切都会正常工作。
如果我想在站点中的任何其他地方使用typescript，我会遇到以下两个问题之一:发出的JavaScript是RequireJS格式的(在一个视图之外没有加载任何RequireJS )，或者如果我将RequireJS加载到项目中，我会
浏览 5提问于2015-01-01得票数 0
我一直在寻找一种简单的操作方法，利用RequireJS、jQuery和KnockoutJS创建Visual Studio2012 TypeScript项目的最基本示例。有几个例子可用，但对我来说，有些地方比我想要的更复杂，所以我开始创建一个how- to，并将其张贴在这里供公众审查。我已经回答了我自己的问题，作为一个问答风格的知识分享练习。
对于那些不熟悉的人，这里有一个包含的组件的快速分解...
-一个Visual Studio扩展，允许脚本通过JavaScript的超集语言创建.TS文件。这提供了定义与方法和变量相关联的数据类型的能力-否则在JavaScript中就缺少这种数据类型。通过
浏览 3提问于2014-09-19得票数 17
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
