Typescript -键入一个函数，该函数接受一个数组，改变它的一个属性，但仍然返回相同的类型化数组
Typescript是一种静态类型的编程语言，它是JavaScript的超集，可以在编译时进行类型检查。它提供了更强大的类型系统，使得开发者可以更加安全和高效地编写代码。
对于键入一个函数，该函数接受一个数组，改变它的一个属性，但仍然返回相同的类型化数组的问题，可以使用泛型来解决。下面是一个示例代码：
function updateArrayItem<T>(arr: T[], index: number, property: keyof T, value: T[keyof T]): T[] {
const updatedArray = [...arr];
updatedArray[index] = {
...updatedArray[index],
[property]: value,
};
return updatedArray;
}这个函数使用了泛型T来表示数组中的元素类型。它接受一个数组arr，一个索引index，一个属性property和一个新的值value。函数内部首先创建了一个副本updatedArray，然后通过索引找到要更新的元素，并使用对象展开运算符和属性访问器来更新指定属性的值。最后，返回更新后的数组。
这个函数可以适用于任何类型的数组，并且在更新属性后仍然返回相同类型的数组。使用时，可以根据具体的需求传入不同的参数。
推荐的腾讯云相关产品：无
希望以上信息能对您有所帮助！
相关·内容
1回答
假设我们有这样的代码：
class MyEvent {
timestamp:number;
}
class AEvent extends MyEvent{
x:number;
y:number;
}
class BEvent extends MyEvent{
key:string;
}
var fn:(event:MyEvent)=>void;
function AE(event:AEvent){
let x = event.x; //Ok, but BEvent hasn't 'x' property.
}
fn
浏览 0提问于2016-08-01得票数 0
在现代的Javascript中，有可能找到JavaScript变量的内存地址吗？或Typescript变量的地址。
我对按值传递和按引用传递感到困惑，使用内存地址很容易理解现实。现在我们有了ES8和Typescript，但仍然无法获得变量和对象的内存地址。
浏览 9提问于2018-05-25得票数 19
我正在尝试在一个React应用程序中添加TypeScript。
版本：
"react": "16.9.0",
"typescript": "3.5.3",
我有一个数组
import aLogo from '../images/a.svg';
import bLogo from '../images/b.svg';
const websites = [
{
name: 'A',
src: aLogo,
url: 'https://a.com
浏览 0提问于2019-08-26得票数 29
回答已采纳
我正在将React文件转换为typescript，从.js更改为.tsx 我有一些事件处理程序，比如 function handleTitle(e) {
setTitle(e.target.value);
} 我改成了 function handleTitle(e:object) {
setTitle(e.target.value);
} 但随着我得到的改变 TypeScript error: Property 'target' does not exist on type 'object' 我试过e:object，e:array，e:any和e:st
浏览 142提问于2020-07-08得票数 1
回答已采纳
我有我想要添加类型的现有API，还有接受字符串函数或对象的函数(我可以为此使用重载)，但它也接受这样的混合值数组。
在TypeScript中是否可能有字符串、函数或普通对象的数组？它应该为其他类型的数组抛出错误。
根据我添加的注释编辑：
function Terminal(interpreter: (string, object) => void, settings: object);
function Terminal(interpreter: (string | ((string, object) => void) | object)[], settings: object)
浏览 3提问于2018-06-11得票数 1
回答已采纳
假设我有以下代码片段：
interface State {
alarms: Alarm[];
}
export default class Alarms extends React.Component<{}, State> {
state = {
alarms: []
};
由于我正在尝试将Typescript设置为[] != Alarm[]，所以我不喜欢它。我发现我可以使用alarms: new Array<Alarm>()来初始化一个空类型的数组，但是我真的不喜欢这个语法--有没有更简单/更好的方法？
浏览 5提问于2018-07-12得票数 25
回答已采纳
我正在使用fetch-mock库来构建自己的实用程序。
在定义新函数并将args传递给fetchMock.mock函数时，我得到以下错误：
扩展参数必须具有元组类型或传递给rest参数。
export function mockRequest(...args: any) {
return fetchMock.mock(...args);
}
我可以严格地定义参数的数量，但是我想避免它。对如何保持...args和TypeScript快乐有什么建议吗？
我尝试过各种解决方案，比如使用.apply和进行一些强制转换，但都没有效果。
浏览 16提问于2022-08-13得票数 -2
回答已采纳
TypeScript问题。我需要从这个集合中传递一个随机参数：
letters.add("NORMAL");
letters.add("COLOR");
letters.add("LUMINOSITY");
function getRandomItem(letters) {
let items = Array.from(letters);
return items[Math.floor(Math.random() * items.length)];
}
字母定义：
const letters = new Set();
//
浏览 3提问于2022-03-09得票数 0
5回答
我很难弄清楚在TypeScript中是否可以声明静态类型的函数数组。
例如，我可以这样做：
foo: (data:string) => void = function (data) {};
但是，如果我想让foo成为一个函数数组，它接受一个字符串，而不返回任何内容，那么我该如何做呢？
foo: (data:string) => void [] = [];
不起作用，因为TypeScript认为它是一个接受字符串并返回一个空数组的函数，而且它似乎不喜欢我试图将函数封装在括号中。
有什么想法吗？
TypeScript ：多亏了下面的mohamed，下面是一个在TypeScript游乐
浏览 2提问于2012-10-04得票数 96
回答已采纳
TypeScript版本2.4.2，用--target ES6编译
代码行：
var coins: { coin: number}[] = [1,1,1]
导致TypeScript抛出
错误TS2322:键入“number[]”不能输入“{number[]：number；}[]”
然而，这条线：
var coins: { coin: number}[] = Array(3).fill(1)
编译成功，没有错误。
这是一个TypeScript错误，还是有意的行为(不是以这种方式声明的数组类型检查)？如果是，为什么？
浏览 3提问于2018-02-17得票数 5
回答已采纳
我刚刚在一个类中找到了一个TypeScript文件中的一行，它看起来像
private handlers: ((event: string) => void)[]
还有另一个功能：
private fire(event: string): void {
for (const handler of this.handlers) {
handler(event);
}
}
所以我猜每个数组元素都有一个可以调用的函数，但我真的不明白它是如何工作的。如果每个元素都附加了返回始终为空的函数，难道不是所有数组元素都是空的吗？
或者这是某种神奇的TypeScript
浏览 18提问于2022-04-22得票数 0
回答已采纳
我正在尝试在Dart中找到与Map<String, String>等效的工具，但在Typescript中可用。这是一种快速定义string:string key:value store的方法。
同样，这可以像这样使用，这是我的下一个问题：
Map<String, List<String>>
这将定义一个key:value存储，其中key是字符串，值是字符串列表。
在Typescript中有什么方法可以做到这两点吗？
浏览 5提问于2018-09-29得票数 11
回答已采纳
我正在一个项目中使用TypeScript。工具包允许的一件事是使用，尽管它并不直接改变状态--当您使用他们的createReducer调用时：
const todosReducer = createReducer([], {
ADD_TODO: (state, action) => {
// "mutate" the array by calling push()
state.push(action.payload)
},
TOGGLE_TODO: (state, action) => {
const todo = st
浏览 6提问于2020-04-02得票数 1
回答已采纳
你能帮我理解一下typescript中这个界面的意思吗？
据我所知，当应用此接口时...一个对象必须实现一个名为map的函数，不知道<A, B>在这里是什么意思。
如果你能为我提供一个简单的英文“翻译”，我将不胜感激。
interface Functor<M> {
map: <A, B>(f: (a: A) => B) => (ma: M<A>) => M<B>
}
浏览 7提问于2018-09-06得票数 0
我的react项目中有这个错误输出
TypeScript error
Argument of type 'ReactNode' is not assignable to parameter of type 'ReactElement<any, string | JSXElementConstructor<any>> | ReactElement<any, string | JSXElementConstructor<any>>[]'.
Type 'undefined' is not assign
浏览 3提问于2021-05-24得票数 0
回答已采纳
1回答
因此，我正在查看后端的一些代码，我注意到在任何地方，方法前面都有async，在try/catch语句中，TypeScript抱怨err对象，比如Object 'err' is unknown，但是对于同步的方法，则不会发生这种情况。
async createOrganization(dbSession: ClientSession, organization: IOrganization): Promise<IOrganization> {
try {
// @ts-ignore
const newOrganization = new
浏览 2提问于2021-09-23得票数 0
回答已采纳
我正在尝试设置一个自定义钩子，用于获取数据，对数据执行一些操作，并在react d3应用程序中返回操作过的数据。数据type是
interface EventViewerDataTypes {
date: string
site: string
type: string
value: string
}[]
在useEffect钩子中有一个错误Object is of type 'unknown'.
import { useState, useEffect } from "react"
import { json, timePars
浏览 7提问于2022-07-05得票数 2
回答已采纳
我有一个vue2应用程序，我想开始对一些服务文件使用TypeScript (而不改变现有的js/vue文件)。
为了增加对TypeScript的支持，我使用了vue-cli，它看起来很有效:我添加了一个带有TypeScript函数- myFunction的myService.ts文件，并且在这个文件中vue检测到了正确的类型问题。我还可以将此服务导入vue组件文件- myComponent.vue (包含js代码的组件)，并正确使用它。
myFunction看起来是这样的：
function myFunction (x: number, y: number) : number {
cons
浏览 9提问于2022-03-14得票数 2
我有这样的客舱：
export class Customer {
id: number;
company: string;
firstName: string;
lastName: string;
name(): string {
if (this.company)
return this.company;
if (this.lastName && this.firstName)
return this.lastName + ", " + t
浏览 3提问于2015-11-06得票数 4
回答已采纳
我是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
回答已采纳
我得到了这样的代码： const reducer = (element:number, index: number) => [element]; //es lint error.
const positionsArray = $.map(this.positions, reducer); 我将一个Float32Array (它是this.positions)转换为一个js数组。我得到错误：'index‘已定义，但从未使用过。eslint@typescript eslint/no-unused vars 我不能应用"// eslint-disable-line no-un
浏览 29提问于2020-10-04得票数 0
回答已采纳
我有一个嵌套数组列表，我正在尝试根据数组的值过滤。当我过滤得到错误的时候。我正在使用带有eslint的typescript。
Argument of type 'string | undefined' is not assignable to parameter of type 'string'
但是我检查了null/undefined值，但仍然出错。
interface User {
id: string;
username?: string;
}
function getList (user:User){
if(user.username ==
浏览 0提问于2021-01-24得票数 1
1回答
鉴于这一定义：
declare function foo<T>(): { bar: T }
// <T>() => { bar: T }
type Foo = typeof foo;
如何根据泛型函数的类型向其提供专门化？
我想要实现的是能够做这样的事情：
// { bar: number }
type FooResult = ReturnType<Foo<number>>;
但是TypeScript抱怨Foo本身不是泛型的--它所键入的函数。
浏览 0提问于2019-07-22得票数 2
回答已采纳
我可以在javascript中做到这一点。 const chipColors = {
delivered: "success",
pending: "warning",
canceled: "danger"
}
<Chip
color={chipColors[row.order_status]} <-- Typescript will throw error on this line
text={row.order_status}
/> 但是Typescript给了我错误信息Element impli
浏览 31提问于2021-10-06得票数 0
对于函数类型和TypeScript的React属性类型，有没有一种最佳实践？
我以为这会起作用，但实际上它错了：
type Props = {
onClick: Function
};
const Submit = ({ onClick }: Props) => {
return (
<button type="button" onClick={onClick}>
click me
</button>
);
按照这个线程，我让它工作了，但它似乎是不必要的冗长：
type Props = {
onClic
浏览 0提问于2019-08-15得票数 15
回答已采纳
2回答
我有一个列表，其中包含一个标题和子链接，如下所示。
<li>
<a href="#"> <i class="fa fa-cogs fa-fw"></i> <span>SETTINGS</span> </a>
<ul class="sub-menu">
<li><a>PFA Setup</a></li>
<li><a>F
浏览 2提问于2018-11-23得票数 0
我在VSCode中运行Typescript，这行代码
const Felix_Reverse = ([h, ...r]) => r.length > 0 && Felix_Reverse(r) + h || h;
抛出以下错误，并突出显示对Felix_Reverse的嵌入式调用的r参数
Argument of type 'any[]' is not assignable to parameter of type '[any, ...any[]]'.
Property '0' is missing in typ
浏览 28提问于2019-07-29得票数 3
回答已采纳
3回答
给定以下中的TypeScript：
const compareFn = {
numberAsc: function (a: number, b: number) { return a - b },
numberDesc: function (a: number, b: number) { return b - a },
};
[2, 1, "nope"].sort(compareFn.numberDesc);
我的函数numberDesc只接受number类型的属性。然而，sort将同时应用number和string。这是错误的，但被TypeScri
浏览 2提问于2015-12-07得票数 2
1回答
有没有像这样重写TypeScript的方法？
在此之前
(({id, name}) => ({id, name}))(user)
之后
const keys = {id, name}
((keys) => (keys))(user)
浏览 10提问于2019-07-17得票数 0
我想要有这样的功能：
createEntity<TEntity>(): TEntity {
return new TEntity();
}
在C#中，我们可以写：
void TEntity CreateEntity<TEntity>() where TEntity : new()
我如何在TypeScript中做到这一点？
浏览 6提问于2016-01-09得票数 18
回答已采纳
我根据href类型添加了一些条件样式。由于某些原因，如果我将我的as添加到Button styled-component中，我会收到TS错误：Type 'string' is not assignable to type 'undefined'. TS2769 组件 interface LinkProps {
to: string;
target?: string;
as?: string;
className?: string;
children: ReactChildren | React.ReactNode | string;
}
浏览 923提问于2021-07-02得票数 0
回答已采纳
如果TypeScript能保护我免受空数组的攻击，我会很高兴的。
我见过很多运行时错误，像这样的事情发生了
const emptyArr: Array<{ prop: string }> = []
causesError = emptyArr[0].prop
TypeError:无法读取未定义的属性“foo”
编码器可能希望这样做：
const emptyArr: Array<{ prop: string }> = []
if (emptyArr.length > 0) {
noMoreError = emptyArr[0].prop
}
我觉得Ty
浏览 0提问于2018-08-10得票数 1
回答已采纳
在TypeScript 4.4.3中，如何使下面不正确的字符串'c'显示类型错误(因为它不是作为doSomething方法的第一个参数的对象的键之一)？
const doSomething = ({ a, b }: { a: number, b: string }): boolean => {
return a === 1 || b === 'secret'
}
type SomethingParameterName = keyof Parameters<typeof doSomething>[0]
const orderedParam
浏览 1提问于2021-10-15得票数 1
回答已采纳
FeaturedCategories模型
export class FeaturedCategories {
categories: Array<{ id: number, title: string, graphic: string, categorycards: Array<{}> }>;
}
也尝试过这样做：
export class FeaturedCategories {
id: number;
title: string;
graphic: string;
categorycards: Object[];
}
浏览 3提问于2017-03-06得票数 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
回答已采纳
我正在尝试在类型记录中创建一个单例factoryLookup，它强制为一个联合类型中的每个值(即映射的查找类型)定义了一个工厂，但是我也希望能够为所查找的任何值推断签名(可能是任意参数的值或函数)。下面是一个代码示例：
// Using a simple object, I can create a map between a key and an arbitrary function or value
const factoryLookup = {
foo: (message: string, count: number): string => message + count,
浏览 1提问于2018-08-08得票数 6
回答已采纳
1回答
我正在跟踪一个关于使用进行函数式编程的PureScript。在JavaScript中有一个类似于此的Box示例：
const Box = x => ({
map: f => Box(f(x)),
fold: f => f(x),
inspect: () => `Box(${x})`
});
我想使用TypeScript输入这些代码，以便对如下代码进行语法检查：
const nextCharForNumberString = str =>
Box(str)
.map(s => s.trim())
.map(s =>
浏览 1提问于2018-04-27得票数 1
回答已采纳
HTMLElement[]在TypeScript中是什么意思(与没有括号的普通HTMLElement相比？)
浏览 27提问于2020-03-10得票数 1
回答已采纳
下面的代码在严格模式下被TypeScript接受，尽管我不希望它被接受。该函数的value参数合法地是一个unknown或any类型:在这个阶段，它可以是任何类型，因为它正在被代理。
然而，由于未知的匹配，以及允许的参数数量的减少，测试调用被接受。
interface Mine { x: number }
function handle(
field: number,
onChange: (field:Mine, value: unknown) => void,
) {
}
function testCall() {
handle(123, (value: unknown
浏览 0提问于2020-08-03得票数 1
TypeScript转发程序不会为以下代码发出错误：
function test1(test: any) {
test2(test);
}
function test2(test: string) {
}
我预计这段代码会发出一个错误，因为如果一个类型为' any‘的对象可以传递给'string’类型的参数而没有任何错误，那么该代码可能导致在运行时将一个非字符串传递给test2。对于转发程序来说，知道这里存在潜在的类型安全违规应该是微不足道的吗？
我认为TypeScript的目的是确保编译时的类型安全？我在这里错过了什么？我是否需要在tsconfig.json中启用
浏览 2提问于2022-04-23得票数 3
我对TypeScript很陌生，并且试图慢慢地将现有的JS (react)项目迁移到TypeScript。
我有一个函数执行一个查询：
/**
* Run a Query against the currently connected database
* @param {String} sql Query to run
* @param {Object[]} Array of objects to be used in the prepared statement
* @returns {Promise<Object[]>} Promise resolving after
浏览 3提问于2022-06-22得票数 2
回答已采纳
2回答
我经常希望在不同的坐标系之间转换姿势(位置3d +方位3d = 6d总计)。例如，在游戏引擎和模拟中，用例计算对象相对于彼此的位置，或者在机器人(我的用例)中计算对象相对于机器人手臂夹持器的位置。
奇怪的是，我还没有找到一个好的Python库来执行这样的转换。特别是依赖于科学的Python堆栈(numpy、scipy、matplotlib、.)，所以这是我编写代码的尝试。当片段在那里时，我没有添加功能来解析一棵树/坐标帧层次结构并计算出完整的转换(即.a)。因为这样做的效率取决于树/层次结构是如何表示的。
我希望看到的是一般代码质量和文档的清晰性。
守则：
# kinematics.py
i
浏览 0提问于2021-03-18得票数 1
1回答
下面是我的班：
class Pot implements Serializable
{
protected $a=1;
protected $b=2;
public function serialize()
{
return serialize(['a'=>$this->a,'b'=>$this->b]);
}
public function unserialize($data)
{
$values = unserialize($data);
浏览 2提问于2015-11-03得票数 1
我有一个TypeScript函数，它返回一个ReactiveNativeView。
import React from "react";
import JSX, {View} from "react-native";
class DummyClass {
static getView() {
return (
<View style={{flex: 1}}/>
);
}
}
export default DummyClass;
我用这样的方式调用这个函数：
import JS
浏览 9提问于2020-10-21得票数 1
回答已采纳
我经常在TypeScript中遇到TypeScript类型的错误。虽然我读过这些文档，但我还是不太了解现有的问题。我希望有人能帮我更好地理解它。下面是TS文档中的一个示例，它让我的头脑开始旋转：
type GetReturnType<Type> = Type extends (...args: never[]) => infer Return
? Return
: never;
type Num = GetReturnType<() => number>;
type Str = GetReturnType<(x: string) =>
浏览 7提问于2021-05-26得票数 3
回答已采纳
我正在尝试修补graphql-cli的get-schema函数，以便使用注释打印描述。
printSchema(newSchemaResult as GraphQLSchema)
变成了
printSchema(newSchemaResult as GraphQLSchema, {commentDescriptions: true})
当我运行npm install时，tsc不喜欢我的干涉。
src/cmds/get-schema.ts(194,11): error TS2554: Expected 1 arguments, but got 2.
现在我真的不能理解这个错误，因为当我查看nod
浏览 4提问于2018-01-04得票数 1
回答已采纳
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
回答已采纳
我有一个将数组值转换为对象中的键的函数： function x(keys: string[]) {
const obj: any = {};
keys.forEach(v => {
obj[v] = 'somevalue...';
});
return obj;
}
const result = x(['a', 'b', 'c']);
console.log(result); // {a: "somevalue...", b: "somevalue...", c:
浏览 19提问于2019-08-23得票数 4
回答已采纳
我有一个TypeScript错误：
类型‘(元素:会话) => void’的参数不能分配给类型的参数‘(值:会话、索引:数字、obj: Conversation[]) =>布尔值’。类型'void‘不能分配到键入'boolean’。
这是我的模式
export class Conversation {
constructor(
public id: number,
public dateTime: Date,
public image: string,
public isUnread: boolean,
publi
浏览 0提问于2016-03-09得票数 34
回答已采纳
我试图在TypeScript中使用react query，并使用ts接口提供请求的结果。现在我有以下问题
“数据”的值是
但是我无法访问它，因为我在接口中指定了结果
编辑:我忘记添加钩子和接口了。
浏览 2提问于2021-11-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
