更新typescript中对象内的嵌套对象
在 TypeScript 中更新对象内的嵌套对象可以通过以下步骤实现：
- 首先，确保你已经安装了 TypeScript 的开发环境，并且在项目中引入了 TypeScript 的类型定义文件。
- 创建一个 TypeScript 的接口或类型别名来定义你的对象结构。例如，假设你有一个包含嵌套对象的用户对象：
interface User {
id: number;
name: string;
address: {
street: string;
city: string;
country: string;
};
}- 创建一个函数或方法来更新对象内的嵌套对象。你可以使用对象解构和扩展运算符来实现这个目标。例如，假设你想更新用户对象的地址：
function updateUserAddress(user: User, newAddress: Partial<User['address']>): User {
return {
...user,
address: {
...user.address,
...newAddress,
},
};
}在上面的例子中，updateUserAddress 函数接受一个用户对象和一个新地址对象作为参数，并返回一个更新后的用户对象。通过使用对象解构和扩展运算符，我们可以将原始地址对象和新地址对象合并在一起，从而实现更新操作。
- 调用
updateUserAddress函数来更新用户对象的地址。例如：
const user: User = {
id: 1,
name: 'John Doe',
address: {
street: '123 Main St',
city: 'New York',
country: 'USA',
},
};
const newAddress = {
city: 'San Francisco',
};
const updatedUser = updateUserAddress(user, newAddress);
console.log(updatedUser);在上面的例子中，我们创建了一个名为 user 的用户对象，并定义了一个名为 newAddress 的新地址对象。然后，我们调用 updateUserAddress 函数来更新用户对象的地址，并将更新后的用户对象打印到控制台。
这样，你就可以在 TypeScript 中更新对象内的嵌套对象了。
请注意，以上答案中没有提及任何特定的云计算品牌商，如腾讯云。如需了解腾讯云相关产品和产品介绍，请访问腾讯云官方网站。
相关·内容
1回答
我正在尝试创建一个接口/类型定义，当在联合类型中使用时，它禁止接口的子级中的某个键(这里，我想为Abc找到正确的定义)：
type Abc = {
someField: {
prohibited?: never,
},
};
type UsedHere = {someField: {anotherField: string}} & Abc;
我已经尝试过prohibited的类型never，undefined和void，有没有?，但是typescript总是告诉我，当我创建一个类型为prohibited的变量时，我需要一个UsedHere的值。我如何告诉
浏览 14提问于2020-03-02得票数 0
回答已采纳
1回答
我想知道是否有可能以某种方式将两个或更多个文件中的两个或更多个类添加到TypeScript的同一模块中。如下所示：
//src/gui/uielement.ts
module mylib {
module gui {
export interface UIElement {
public draw() : void;
}
}
}
//src/gui/button.ts
///<reference path='uielement.ts'/>
module mylib {
module g
浏览 2提问于2012-10-21得票数 12
回答已采纳
1回答
更新数组对象中的值
、、、、
我只想用用户输入的新名称替换name。我正在使用react redux typescript，它被证明是相当困难的。所有传入的参数都起作用了，newName和index，我只需要更新数组对象，然后返回它，只有索引对象中的名称发生了变化。
我的代码：
操作：
export const updateName = (newName: string, index: number) => (
dispatch: (arg0: { type?: string; newName: string; index: number }) => any
) => {
dispatch({
浏览 0提问于2021-03-16得票数 1
我无法将从服务器返回的对象转换为我在typescript中创建的类。
我的typescript对象与从服务器返回的对象具有所有相同的属性，唯一的区别是我的typescript类中的属性名是驼峰大小写的，而从服务器返回的属性名是标题大小写的，所以当我在typescript代码中访问像userModel.isActive这样的东西时，它找不到这个属性。下面是我从我的提供者发出的api调用的返回语句。
return this.httpClient.post<UserModel>(url, { params: queryParams });
我试过了：
this.userProvider.
浏览 2提问于2018-08-23得票数 0
1回答
构建中的TypeScript
、、、、
我正在尝试使用VisualStudio.com托管构建为一个ASP.NET MVC 4.5项目设置CI，该项目在构建过程中使用了新的TypeScript 1.5工具。我已经用新的非XAML构建定义格式设置了CI构建定义。
在尝试构建时，我会得到以下错误：
##：Error :您的项目文件使用了与当前安装在这台机器上的不同版本的TypeScript编译器和工具。在C:\Program (x86)\Microsoft SDKs\TypeScript\1.5\1.5\tsc.exe中没有找到编译器。您可以通过更改项目文件中的元素来解决此问题。
在我看来，奇怪的是1.5文件夹下的额外1.5子文
浏览 3提问于2015-07-27得票数 4
回答已采纳
2回答
阿童木:埃斯林特被配置为
、、、、
我试图用react、typescript和astro来设置我的eslint配置，但似乎我无法摆脱这个错误：
这是我的.eslintrc.cjs，它看起来像：
module.exports = {
env: {
browser: true,
es2021: true
},
extends: [
'standard-with-typescript',
'plugin:astro/recommended'
],
overrides: [
{
files: ['*.astro
浏览 13提问于2022-11-12得票数 0
1回答
我是绑在设置玩笑与反应有类型记录。
每当我运行npm test时，它都会产生错误。
npm测试给出了以下错误：
开箱即用，只支持重写这些Jest选项：
·collectCoverageFrom·coverageReporters·coverageThreshold
·snapshotSerializers。
Create目前不支持package.json Jest配置中的这些选项：
·变换·testRegex·moduleFileExtensions
如果您希望覆盖其他Jest选项，则需要从默认设置中弹出。您可以通过运行npm运行弹出来做到这一点，但请记住，这是一个单向操作。您还可以在中提交
浏览 0提问于2018-02-16得票数 6
我需要的非常简单，我只想初始化一个对象，这个对象是我正在初始化的另一个对象的子级。在C#中，它看起来像这样：
var car = new Car {
serialNumber = 25,
engine = new Engine {
horsePower = 500
}
}
在这个示例代码中，我在初始化Car类型时初始化引擎类型。在尝试使用TypeScript执行此操作时，无论我尝试什么操作，我都会遇到语法错误。
下面是我的TypeScript代码：
var car: Car = new Car({
serialNumber: 25,
engine: new Engin
浏览 0提问于2017-03-01得票数 5
回答已采纳
我想把TypeScript和jsTree结合使用。如何在绑定的setCurrentNode函数中调用jsTree函数？
class MyController {
thescope: any;
static $inject = ['$scope'];
constructor($scope) {
$scope.vm = this;
this.thescope = $scope;
(<any>$("#demo2")).jstree({
.bind("
浏览 10提问于2013-08-14得票数 0
回答已采纳
我刚刚使用expo模板创建了一个新的应用程序，当执行时，它不会对代码进行任何更改，它会抛出以下错误
C02SW0WD:Projects user$ expo init testTabApp
? Choose a template:
----- Managed workflow -----
blank a minimal app as clean as an empty canvas
blank (TypeScript) same as blank but with TypeScript configuration
***❯ tab
浏览 1提问于2020-05-15得票数 2
回答已采纳
我的TypeScript和普通JavaScript代码需要共享一个名称空间和一些数据。TypeScript应该“准备”一个名称空间，外部JS提供数据，TypeScript处理它。
上下文是一个角2应用程序。装货顺序如下：
JavaScript启动的角2应用程序
自定义外部JavaScript文件从外部源(样式)动态加载。
角2应用程序对加载的JS文件生成的数据进行进一步处理。
目前，在外部JavaScript文件中，我正在执行如下操作：
if (typeof Blog === 'undefined')
{
Blog = {
Posts
浏览 1提问于2017-01-19得票数 0
当使用选择器时，我认为我可以在不修改状态的情况下对变量做任何我想做的事情，所以我对状态发生了变异感到惊讶。
因此，如果这是错误的(在复古传奇中)：
const filters = yield select(state => state.filters.filters);
filters.terms['helloo'] = "mutated";
//send data with request
yield put(requestData(filters)
为什么第一行是对国家的直接引用？
无论如何，如果我尝试使用Object.assign，它也会变异状态
浏览 0提问于2018-09-24得票数 3
回答已采纳
下面的代码块返回一个TypeScript错误。
元素隐式具有“任意”类型，因为“string”类型的表达式不能用于索引类型{ id: string；path: string；basename: string；createdOn: string；modifiedOn: string；content: string；}‘。
方括号在JavaScript (或使用//@ts-ignore)中工作得很好。
在TypeScript中，正确的方法是什么？
export interface Data {
[key: string]: {
id: string
path: stri
浏览 0提问于2020-02-27得票数 1
回答已采纳
我使用React已经有一段时间了，昨天我在一个基于Typescript的项目中接触到了我的脚。在重构之前，类有这样的状态： interface INavItemProps {
route: IRoute;
}
interface INavItemState {
toggleStateOpen: boolean
}
class NavItem extends Component<INavItemProps, INavItemState> {
constructor() {
this.state = { toggleStateOpen: false };
浏览 18提问于2019-02-19得票数 4
回答已采纳
2回答
我使用的是带有单独@types定义的第三方库，如下所示：
declare namespace Foo { /* ... */ }
declare class Foo { /* ... */ }
export = Foo;
如何在代码中导入类Foo？
另外，这种奇怪的名字重复在Typescript中是一种很好的做法吗？()。
浏览 22提问于2019-07-17得票数 1
回答已采纳
在Visual Studio2012中是否可以将TypeScript文件添加到非TypeScript项目中？我安装了最新(0.8.3.1)版本的TypeScript和Web Essentials 2012。如果我在VS中创建一个新的TypeScript项目并添加一个新项，TypeScript文件模板就会出现。但是，如果我尝试在任何其他项目类型(网站等)中添加新项，则不能使用TypeScript模板。
一种解决方法是添加任何类型的文件，并手动将其重命名为*.ts，但是，您将失去将生成的.js文件嵌套在Visual Studio中的.ts文件中的能力(如果您有很多.ts文件，这可能很重要！)。
浏览 1提问于2013-06-15得票数 1
具有如下数组，需要保存在JSONB列中：
[{"FoodType":"veg","pref":"High"}
,{"FoodType":"sea food","pref":"Medium"}
,{"FoodType":"Chicken","pref":"Low"}]
我只是将插入的req.body对象(从Express)传递给DB。
db.one('insert into foodies(Food
浏览 0提问于2016-11-14得票数 11
回答已采纳
2回答
我已经安装了Visual 2012必需的TypeScript和Web。
在一个新的TypeScript项目中创建了3个文件：
default.html
app.css
app.ts
在所有教程中，VS 2012都会自动为资源管理器中的app.ts文件创建下拉列表，其中隐藏的是app.js文件。
如下图所示：
但在我的例子中，"app.ts“和新的TypeScript文件”file1.ts“没有发生这种情况：
在VS 2012的设置中，我需要做什么来自动创建和查看输出的js文件？
浏览 1提问于2013-11-20得票数 4
我正在使用带有typescript和web essentials 2012插件的Visual Studio 2012。如果您通过右键单击解决方案资源管理器> add new Item >选择typescript file...eg file1.ts来添加一个新的typescript文件，Visual Studio也会生成file1.js和file1.min.js。在解决方案资源管理器中，它们整齐地显示在file1.ts文件根目录下。如果你‘添加现有项’，比如file2.ts，你不会得到整洁的外观，生成的file2.js出现在file2.ts名下。
为什么会这样呢？我需要更改什么设置
浏览 0提问于2013-03-12得票数 6
回答已采纳
我遇到了一个问题，在使用react-router-dom@4.2.2时，我无法导航到路径大于1节的路径:此外，这是到回购的Github链接，我在这里也有这个问题。
import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
//All routes work if I use HashRouter here instead of BrowserRouter
class App exten
浏览 1提问于2018-04-13得票数 1
回答已采纳
您好，我正在使用clearscript V8引擎，并想启用TypeScript。 在this post之后，我可以将https://rawgit.com/Microsoft/TypeScript/master/lib/typescriptServices.js javascript代码加载到V8中，并使用它来转换typescript代码，但似乎使用旧版本的ES3作为转换后的js的默认目标。 如何将转换目标设置为ES2021？所有的指南都是关于在tsc.exe中使用tsconfig的，但是当我直接在V8中使用typescript.js时，我似乎不知道如何做到这一点。
浏览 34提问于2021-10-31得票数 0
回答已采纳
1回答
我正在尝试使用stringTokenizer方法来读取存储在格式为的文件中的二维数组。
1 1
1 1
密码是..。
BufferedReader in = new BufferedReader(new InputStreamReader(System.in));
for(int i=0;i<n;i++)
for(int j=0;j<n;j++){
StringTokenizer tok = new StringTokenizer(in.readLine());
t[i
浏览 3提问于2012-08-03得票数 0
回答已采纳
<input type="file" id="soundUrl" (change)="onAudioPlay()" />
<audio id="sound" controls></audio> 以上是我的超文本标记语言代码，我需要播放音频后选择mp3文件使用typescript。
浏览 87提问于2019-02-23得票数 0
我遵循的步骤，所以我执行了npm outdated -g --depth=0并得到了：
Package Current Wanted Latest Location
typescript 2.2.2 2.2.2 2.4.1
然后，我执行了npm update -g，但仍然从npm outdated -g --depth=0获得相同的输出。
执行npm list -g --depth=0还确认没有将类型记录包更新为2.4.1：
+-- bower@1.8.0
+-- gulp@3.9.1
+-- typescript@2.2.2
`-- typings@2.1.1
我
浏览 7提问于2017-07-13得票数 25
回答已采纳
如果我创建一个名为TypeScript module的简单test，则如下所示：
module test
{
export class MyTest {
name = "hello";
}
}
生成的JavaScript创建一个IIFE，如下所示：
var test;
(function (test) {
var MyTest = (function () {
function MyTest() {
this.name = "hello";
}
ret
浏览 6提问于2014-11-13得票数 2
回答已采纳
在对象中的函数上使用装饰器时，出现以下错误
这是带有装饰器的对象：
export default {
Query: {
@query
containerById: async (scope, { id }, context) => {
return context.loaders.containerLoader.getContainerById.load(id);
},
}
};
我试图抑制这个错误，但我无法做到。
我能够做到的唯一方法是将下面这行代码添加到.vscode/settings.json中
"typescript.va
浏览 0提问于2021-05-23得票数 2
我在type中创建了一个TypeScript，它有点复杂(其中包含对象和映射)。
是否有一种方法来检查这种类型是否有任何未定义的值，或者我是否应该遍历其中的每一部分来检查它是否是未定义的？
在这种情况下，typeof会为您服务吗？
浏览 5提问于2022-03-07得票数 0
回答已采纳
1回答
我想要访问嵌套接口的值，但我得到了null，但其他值只有嵌套的接口值没有出现 import {CyAndNY} from "./CyAndNYInterface";
export interface GetTable{
price?;
year?;
custID?;
Salary?;
currentYear: {
currentYear: CyAndNY ;
};
vlaueForNy: {
vlaueforNy: CyAndNY;
};
}
this.cols= [
new Column(&#
浏览 17提问于2019-02-09得票数 0
我希望我的gruntfile.js是自然结构的，这样微型任务就会一个接一个地跟进。假设我有以下结构：
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
clean: {
movedTyping: 'options...'
},
copy: {
typing: 'options...',
lessVariables: 'options...',
html: '
浏览 5提问于2015-04-02得票数 3
回答已采纳
我想从TypeScript调用，类似于：
return navigator.getUserMedia()
但是，TypeScript对导航器的定义(在lib.d.ts中)不包含getUserMedia。我该如何解决？我应该修改lib.d.ts吗？我应该在哪里进行更改？
浏览 7提问于2012-11-30得票数 8
回答已采纳
2回答
我正在尝试使用Jasmine和Chutzpah运行最基本的Jasmine测试，但我无法让它正常工作。以下是源文件：
class Simple {
public easyTest() {
return 5;
}
}
这是规范：
/// <reference path="../../../scripts/typings/jasmine/jasmine.d.ts" />
/// <reference path="../../../src/typescript/classSimple.ts" />
describe
浏览 5提问于2016-05-15得票数 2
回答已采纳
当我试图在React中与TypeScript一起使用ResizeObserver时，我得到了错误：'ResizeObserver' only refers to a type, but is being used as a value here。 我定义了以下接口，因为TypeScript不包含定义： interface ResizeObserver {
observe(target: Element): void;
unobserve(target: Element): void;
disconnect(): void;
} 我在下面的组件中使用它：
浏览 64提问于2020-01-10得票数 9
回答已采纳
我使用的是一个验证插件()，它在火狐中有效，但在chrome中不起作用。
我检测到问题出在.find() Jquery方法中，它在两个浏览器中的工作方式不同。
有关此错误的详细示例，请查看。
请在火狐上运行它，然后在chrome上运行它。
firefox:找到5个匹配项，chrome:找到0个匹配项
有什么建议吗？
致以亲切的问候，里纳尔多
浏览 2提问于2011-04-08得票数 1
回答已采纳
1回答
当前试图映射具有多个嵌套对象的数组。当我运行map函数时，它只返回外部对象。
const [moreDetails, setMoreDetails] = useState([]);
const [details, setDetails] = useState("");
const handleAddMoreDetails = () => {
setMoreDetails((prevState) => [
{
...prevState,
details: details
}
]);
setDetails(
浏览 4提问于2022-08-10得票数 0
回答已采纳
2回答
我从TypeScript中的异步/等待开始，我对此几乎没有疑问。我编写这个函数是为了从Blob获得ArrayBuffer。
async function readAsArrayBuffer(blob: Blob): Promise<ArrayBuffer> {
return new Promise<ArrayBuffer>((resolve, reject) => {
let reader = new FileReader();
reader.addEventListener('load', e =>
浏览 4提问于2017-08-06得票数 4
回答已采纳
2回答
在纯JavaScript中，我们可以这样做：
var x = {
y: {
a: function() {},
b: function(o, e) {}
},
z: function() {}
}
利用class在TypeScript中的语法糖，我们可以嵌套方法吗？类似于伪代码：
class x {
y: {
a() {};
b() {};
}
z() {};
}
因此呼吁：
> x.y.a
< function() {}
> x.y.b
< function
浏览 1提问于2014-07-27得票数 4
回答已采纳
我正在转换一个角度应用程序来使用TypeScript，但是这是一个一般的TypeScript问题，而不是关于角度的问题。js文件的角度大致是这样的：
(function () {
var app = angular.module('myModule', []);
app.controller('myController', ['$scope',
function ($scope) {
$scope.myNewProperty = "Bob";
}
]);
})();
我将其转换为可爱的Typ
浏览 1提问于2014-12-10得票数 6
回答已采纳
2回答
我想在Angular应用程序中创建界面，我有以下对象结构 productGroups: IProduct[] =
[
{
num:1,
productlist:[
{
letter:"A",
products:[
'Aprod1',
'Aprod2'
]
},
{
letter:"B",
produ
浏览 24提问于2019-09-30得票数 0
1回答
我正在尝试动态加载TypeScript类。但在编译后，浏览器显示有404错误。浏览器尝试从项目根目录加载文件。但我需要从与根目录不同的目录加载它。如何配置？
webpack.config.js
tsconfig.json
我试着在网络上寻找问题。但我什么也没找到。提前感谢！
浏览 2提问于2018-09-03得票数 0
我试图在ng2中找到一个路由选择的诀窍，但我遇到了一个奇怪的问题。当用户到达'/home‘时，我尝试设置一个超时以将我导航回'/’。
这样做是可行的：
export class HomeComponent implements OnInit {
constructor(private router: Router) { }
ngOnInit() {
setTimeout(() => {this.router.navigate(['/']);}, 2000);
}
}
但这并不意味着：
export class
浏览 4提问于2017-01-06得票数 0
回答已采纳
我向控制器发布了一个视图模型，并将其自动化到entity对象，并使用entry()方法将其持久化，这取决于是否要添加或更新它的状态。在我自动化对象之后，我确保对象不是空的，也许我坚持它是错误的。我的问题是，这些更改中的嵌套对象不会持久化。
public ActionResult saveUpdatePessoa(PessoaViewModel id)
{
if (ModelState.IsValid)
{
var pes = MvcApplication.Mapper.Map<PessoaViewModel, Pessoa
浏览 2提问于2016-02-17得票数 1
回答已采纳
如何管理/控制Visual中TypeScript文件的嵌套？
我得到的是嵌套文件和非嵌套文件的混合，我不知道如何/为什么，如下所示。
浏览 2提问于2015-07-28得票数 14
回答已采纳
1回答
我对scala还不熟悉，对某些语法模式有点困惑。
我在写喷雾器服务。为了指定如何将自定义对象封送到JSON，我创建了以下内容：
object MyJsonProtocol extends DefaultJsonProtocol {
implicit object PersonFormat extends RootJsonFormat[Person] {
def write(p: Person) =JsObject(
"name" -> JsString(p.name),
"fname" -> J
浏览 3提问于2015-09-18得票数 2
回答已采纳
1回答
通过TS进口，我相信我可以做到这一点：
import {foo as bar} from 'foo';
使用ES6对象在JS或TypeScript中进行析构--是否有一种方法可以用相同的方式重命名“导入值”？
例如,
const {longVarName as lvn} = x.bar;
浏览 7提问于2017-06-17得票数 3
回答已采纳
以下是面向Typescript getter/setter的SO问题示例：from 2015、Jan 2018、Sept 2018等。 也就是说，在普通JS对象中为getter/setter定义Typescript类型的推荐方式是什么？也就是说，我想要一个没有class语法的普通的旧式javascript对象，并理解输入的最佳实践。界面是这样的- interface Store {
activeEvent: Date
} 这个对象的一些约束- 没有要实例化的new 没有重复项-这不起作用 const Store: Store = {
activeEvent: new Date(),
浏览 22提问于2020-01-29得票数 3
回答已采纳
我在elasticsearch中有一个下面的文档
{
"uuid":"123",
"Email":"mail@example.com",
"FirstName":"personFirstNmae",
"LastName":"personLastName",
"Inbox":{
"uuid":"1234",
"messageList":[
{
"uuid":"321"
浏览 10提问于2015-10-15得票数 0
我正在尝试将一些javascript转换为TypeScript，但我不知道typescript是否支持命名空间。我们的代码如下所示：
/// <reference name="MicrosoftAjax.js"/>
Type.registerNamespace("MyNamespace.Controls.FloatingErrorPane");
MyNamespace.Controls.FloatingErrorPane = function (element)
{
...
}
MyNamespace.Controls.FloatingErrorP
浏览 8提问于2012-10-26得票数 3
在JavaScript中，我可以覆盖一个函数：
function testf() {
console.log('old function')
}
testf = function() {
console.log("new function");
}
我如何在TypeScript中做到这一点？我正在编写一个WebP填充程序，希望覆盖全局createImageBitmap函数，但是tsc抱怨道：
不能为'createImageBitmap‘赋值，因为它不是变量。
浏览 0提问于2018-06-25得票数 1
回答已采纳
我有一份可能变得很大的数据记录。我想知道是否有可能使记录的键与内部名称值相同？
interface Person<T> {
name: T
title: string
description: string
}
type People = Record<string, Person<string>>
// example data
const data: People = {
sarah: {
name: 'sarah',
title: 'Sarah',
description:
浏览 1提问于2021-10-02得票数 1
回答已采纳
1回答
我正在尝试处理类型记录中的模型验证。我希望能够捕获验证定义的嵌套类型。
例如，我希望能够像这样创建验证器。
const validateUser = createValidator({
name: {
first: {
value: "First"
},
last: {
value: "Last"
}
},
age: {
value: 32
},
hasOnboarded: {
value: false
}
});
这将创建一个validateUser函数，该函数接受
浏览 0提问于2018-10-30得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
