TS有两个对象,便利B对象的属性,如果A对象有这个属性,就把B的值更新到A对象。


自行实现

在TypeScript中,可以通过遍历一个对象的属性并检查另一个对象是否具有相同的属性来实现这个功能。如果有相同的属性,则将其值从一个对象更新到另一个对象。以下是一个示例,展示了如何实现这种属性更新:

假设有两个对象 A 和 B:

JavaScript 全选
interface A {
  [key: string]: any;
}

interface B {
  [key: string]: any;
}

const a: A = {
  name: 'Alice',
  age: 30,
  city: 'New York'
};

const b: B = {
  age: 35,
  city: 'Los Angeles',
  country: 'USA'
};

我们希望遍历对象 B 的属性,如果对象 A 也有这个属性,就将对象 B 的值更新到对象 A 中。可以这样实现:

JavaScript 全选
function updateObjectProperties<T extends object, U extends object>(target: T, source: U): void {
  for (const key in source) {
    if (source.hasOwnProperty(key) && target.hasOwnProperty(key)) {
      target[key] = source[key];
    }
  }
}

// 更新对象 `a` 的属性
updateObjectProperties(a, b);

console.log(a); 
// 输出结果: { name: 'Alice', age: 35, city: 'Los Angeles' }

在上面的代码中:

 

定义了一个泛型函数 updateObjectProperties,它接受两个对象 target 和 source。

使用 for...in 循环遍历 source 对象的属性。

对每个属性,检查 target 对象是否也有相同的属性。

如果 target 对象有这个属性,将 source 对象的属性值赋值给 target 对象的相应属性。

这样,所有在 source 对象中存在且在 target 对象中也存在的属性都会被更新。

 

上面这种方法会有红线报错提示

TS有两个对象,便利B对象的属性,如果A对象有这个属性,就把B的值更新到A对象。

1. 报错原因:使用hasOwnProperty直接从source和target对象调用,违反了ESLint的no-prototype-builtins规则。该规则建议不要直接访问对象原型方法,以避免潜在的安全问题和更好的代码可读性。

2. 修复建议:应使用Object.prototype.hasOwnProperty.call(object, propertyName)的方式来调用hasOwnProperty方法,以避免直接从对象上调用可能导致的问题。

3. 修复代码:

C# 全选
if (Object.prototype.hasOwnProperty.call(source, key) && Object.prototype.hasOwnProperty.call(target, key)) {

这样修复后,代码将不再违反no-prototype-builtins规则,同时也能确保hasOwnProperty方法的安全调用。

代码如下:

TS有两个对象,便利B对象的属性,如果A对象有这个属性,就把B的值更新到A对象。

修复后依然会有一个报错:

1. 报错原因:该错误表明在使用TypeScript时,尝试用一个类型的某些键(可能为字符串类型)去索引另一个类型,但TypeScript编译器认为这种操作不安全,因为索引类型“T”可能不包含那些键。

2. 修复建议:确保target对象确实包含将要被赋值的键。可以通过泛型约束或者类型断言来解决这个问题。如果确定source[key]的类型与target[key]兼容,也可以在赋值前进行类型断言。

JavaScript 全选
export function updateObjectPropertiesV3<T extends object, U extends object>(target: T, source: U): void {
  for (const key in source) {
    if (Object.prototype.hasOwnProperty.call(source, key) && Object.prototype.hasOwnProperty.call(target, key)) {
      // target[key] = source[key];
      (target as any)[key] = (source as any)[key];
    }
  }
}

借助于lodash封装 【建议使用】

符合ts规范,不会有报错提示

JavaScript 全选
// updateObjectProperties.ts
import _ from 'lodash'

interface AnyObject {
  [key: string]: any
}

export function updateObjectProperties(target: AnyObject, source: AnyObject): void {
  _.forEach(source, (value, key) => {
    if (_.has(target, key)) {
      _.set(target, key, value)
    }
  })
}

 

其他延申>属性判断hasOwnPropertyin的区别

现在有连段代码:

C# 全选
export function updateObjectPropertiesV3<T extends object, U extends object>(target: T, source: U): void {
  for (const key in source) {
    if (Object.prototype.hasOwnProperty.call(source, key) && Object.prototype.hasOwnProperty.call(target, key)) {
      // target[key] = source[key];
      (target as any)[key] = (source as any)[key];
    }
  }
}

JavaScript 全选
export function updateObjectPropertiesV3<T extends object, U extends object>(target: T, source: U): void {
  for (const key in source) {
    if (key in target) {
      (target as any)[key] = (source as any)[key];
    }
  }
}

这两段代码的区别如下:

两段代码的主要区别在于使用 Object.prototype.hasOwnProperty.call 来检查属性是否存在于对象自身,而不是使用 in 操作符。hasOwnProperty 方法更为严格,因为它只检查对象自身的属性,而 in 操作符还会检查原型链上的属性。

在实际应用中,使用 hasOwnProperty 更为安全和推荐,因为它可以避免原型链上意外的属性干扰。

hasOwnProperty优点解释

1. 安全性:

  • Object.prototype.hasOwnProperty.call(source, key) 确保 key 是 source 对象自身的属性,而不是从原型链继承的。
  • Object.prototype.hasOwnProperty.call(target, key) 确保 key 是 target 对象自身的属性,避免修改到原型链上的属性。

2. 可读性和可维护性:

  • 使用 hasOwnProperty 明确表明你只关心对象自身的属性,这使代码更易读和理解。

3. 避免潜在的错误:

  • in 操作符会检查整个原型链上的属性,可能导致意外修改继承的属性,使用 hasOwnProperty 可以避免这种情况。

 

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
张国生
上一篇:在 Vue 3 中,嵌套数据源且需要过滤内部数据源
下一篇:C#中的反射:获取类直接实现的接口并排除继承的上级接口
评论列表

发表评论

评论内容
昵称:
验证码:
验证码
关联文章

TS对象便利B对象属性如果A对象这个属性B更新A对象
ts无法使用js中中括号[]方式通过属性名获得对象属性解决办法
JS合并数组3种方法详解
依赖属性使用
附加属性使用
.net中使用Linq 判断集合是否交集集合类
[WPF] 实现任天堂 Switch 加载动画
WPF 布局 在有限空间内让元素尽可能撑开例子
ABAP 数据字典 DDIC 详解:从 Domain 透明表、搜索帮助与锁对象
数据库中发生这个错误:无法为数据库 中对象 分配空间,因为 'PRIMARY' 文件组已满。请删除不需要文件、删除文件组中对象、将其他文件添加文件组或为文件组中现有文件启用自动增长,以便增加可用磁盘空间。
WPF对象级资源
算法:计算大量数据数组交集,差集,并集,(数据差异)
批处理bat共享文件夹自动对比文件如果更新上传,实现一键发布版本
WPF 双向绑定非公开 set 方法属性在 NET 45 和 NET Core 行为不同
Redis OM .NET Redis对象映射框架
html image中间间隙,空隙,空白,间隔
css样式首行缩进2长度宽度 text-indent 属性
VS ClickOnce发布时候,版本号更新,但是是提示“已发布版本在服务器上已存在,是否覆盖它?”
免费可商用字体哪些?
CSS cursor 属性

热门标签
.NET Core .NET Reactor ag-grid AI发布 api安全 ASP.NET Core C#DLL加密 C#播放声音 C#代码混淆 C#代码加密 ChromeDriver Codex DateTime DBeaver devexpress devTool DLL混淆 edge.js EF EFCore Electron element-ui el-form el-table excel FastReport FileStream FolderBrowerDialog FolderSelectDialog form提交 git gridcontrol gridview input javascript json字符串 JS转换对象JSON jwt JWT授权 linq log Math MCP mitmproxy MVC MySQL Navicat netstat nginx node_modules NSwag Nuget Nuget镜像 number PowerShell pyinstaller python pythoncom python爬虫 python抓包 pywin32 redis Requests-html RestSharp Selenium sql SQL Server Swagger to-cms Visual Studio VSCode vue VueRouter vue路由 VUE页面通讯 Webpack Windows Windows服务 winform wmi xlrd yaml YESCMS YESWEB开发框架 白象 表单提交 播放声音 打开URL 代码混淆 弹窗提醒 端口占用 对象转换 分布式 公共字典 机器码 进程排查 静态资源 开发指南 路由参数 密钥 配置教程 配置文件 权限 人工智能 任务 任务调度 日期间隔 日志 日志记录 省市区 授权验证 数据库 四舍五入 文案 文件读取 文件夹选择 文件目录选择 问题排查 行政区域数据 页面通讯 中间件 CSharp 事务锁 工单系统 并发控制 重复提交 CMS Markdig Markdown markdown-it marked 技术选型 VS Code 开发工具 源代码管理 版本控制 Docker PostgreSQL 时区 部署排查 CMS架构 EF Core 主题系统 二次开发 插件系统 容器 运维命令 镜像清理 Linux NAS 远程挂载 飞牛 fnOS S/4HANA SAP GUI SAP HANA SAP R/3 SAP入门 SAP版本 ERP SAP SAP MM 库存管理 物料管理 采购管理 入门教程 SAP S/4HANA SPRO 企业结构 采购组织 MM01 物料主数据 物料类型 BP分组 业务伙伴 供应商主数据 ME41 RFQ 库存物料 采购流程 ME51 消耗性物料 科目分配 采购申请 AC03 ML81N 外部服务 服务主数据 Business Partner SAP培训 ME51N MM模块 Lean Services MM-SRV 外部服务采购 PIR 供应来源 采购主数据 采购信息记录 ME31K 框架协议 计划协议 采购合同 ME01 供应来源确定 货源清单 MEQ1 供应源确定 配额安排 配额评分 MD04 MD21 MRP 计划文件 需求计划 批量程序 MD01N MD02 MRP Live MD05 MM 物料计划 优化采购 供应源 采购订单 ME2A 供应商确认 采购监控 Flexible Workflow 凭证释放 采购审批 释放策略 实地盘点 物料凭证 货物移动 MIGO 收货 移动类型 已撤回 供应商退货 货物发出 STO 库存转储 转移过账 生产订单 预留 GR/IR MIRO 供应商发票 物流发票校验 OMR2 税码 FI PP SD 实操教程 MRBR OMR6 发票差异 交货成本 后续借记 MI01 实物盘点 盘点差异 公司代码 工厂 组织结构 OMS2 主数据定制 自动科目确定 BP角色 CVI 伙伴确定 编号范围 凭证类型 字段选择 FBN1 OMBT OMC2 会计凭证 OMJJ BOM 委外加工 项目类别L MRKO 供应商寄售 特殊库存K MRKON PIPE Pipeline 特殊库存P ERS MRIS 发票计划 周期性结算 里程碑付款 变更追踪 版本管理 采购凭证 SFTP WebDAV 网盘 飞牛fnOS AMPL HERS MPN 中文教程 库存确定 可用性检查 缺件检查 Output Management 消息确定 输出确定 分割评估 库存计价 评估类别 评估类型 PB00 RM0000 条件技术 采购定价 MM-FI集成 OBYC 库存估价 文本类型 文本采用 EFB EVO MSV SU3 用户参数 发票校验 合同参照 履约保留款 特别总账 预付款 Fiori Launchpad SAP Fiori 应用导航 用户体验 LSMW LTMC Migration Cockpit 数据迁移 BRFplus OPD Output Control My Inbox 审批流程 灵活工作流 SAP PP 外部加工 SAP QM 检验批 质量信息记录 采购收货 SAP PM 维护BOM 维护订单 SAP SD SAP Service 端到端流程 MM模块培训 FI-MM集成 供应商管理 审批配置 FICO入门 SAP FICO 财务配置 供应商税务 预扣税 House Bank 银行对账 客户清账 应收账款 FI控制 验证与替代 印度 GST 税务配置 F110 FBZP EWM入门 SAP EWM 仓库管理 OX14 成本核算 物料评估 后勤配置 物料组 价值更新 数量更新 PP-PI 流程制造 生产计划 容差配置 SAP事务码 SAP基础 TCODE Basis 事务代码 MMNR 编号区间 采购实操 组织架构 OMSF SAP实操 FI配置 端口修改 密码设置 数据库配置 远程访问 ABAP基础 SAP ABAP 内表 变量定义 常量 数据类型 ABAP SAP开发 变量 基础语法 系统变量 结构体 字符串处理 循环语句 控制语句 DDIC SE11 数据字典 透明表 ABAP开发 ALE EDI IDoc 增强技术 ABAP内表 HASHED TABLE SORTED TABLE STANDARD TABLE 基本概念 性能优化 PARAMETERS SELECT-OPTIONS SELECTION-SCREEN 报表程序 选择屏幕 F4帮助 Report事件 输入校验 ABAP SQL ABAP语法 Open SQL SELECT 数据库访问 IKuai IP修改 PVE 网络配置 虚拟化 AI 编程助手 ClaudeCode OpenRouter
联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码