news 2026/6/10 14:54:38

TypeScript 数组拷贝(复制)的方式有几种

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
TypeScript 数组拷贝(复制)的方式有几种
方法是否生成新数组是否改变原数组适用场景
[...array]快速浅拷贝数组
array.map(item => item)可以顺便加工元素或浅拷贝
array.filter(item => true)用于筛选,偶尔用于拷贝,但不直观
array2 = array1引用赋值,修改一个会影响另一个

1. 使用展开运算符(Spread Operator)

this.filteredTestTypeList=[...this.testTypeList];

…this.testTypeList 会把数组里的每一项“展开”,然后放入一个新数组。

  • 效果:创建了一个新的数组,浅拷贝每一项(数组里的对象还是引用)。

  • 优点:语法简洁,常用。

2. 使用 map 拷贝

this.filteredTestTypeList=this.testTypeList.map(item=>item);
  • map 会遍历数组,把每一项传给回调函数,然后返回一个新数组。

  • 这里的写法 item => item 表示“原样返回每一项”。

  • 效果:同样是创建一个新数组,浅拷贝每一项。

  • 实际用途上,这里用 map 没有改变数据,只是生成了新数组,跟 […array] 差不多。

3. 使用 filter 拷贝

this.filteredTestTypeList=this.testTypeList.filter(item=>true);
  • filter 会遍历数组,返回回调函数返回 true 的元素组成的新数组。

  • item => true 表示保留所有元素。

  • 效果:也能生成一个新数组,但 filter 本质是“筛选”,不适合单纯拷贝数组,只是顺手也能做浅拷贝。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/10 13:18:40

2024最新!Agentic AI伦理框架:提示工程架构师的设计指南

2024最新Agentic AI伦理框架设计指南:提示工程架构师的实践手册 副标题:从原则到落地,构建负责任的自主智能体 摘要/引言 当AI从“被动回答者”进化为“主动决策者”——比如自动帮你规划跨城就医路线、代表你谈判合同条款、甚至管理家庭财…

作者头像 李华
网站建设 2026/6/10 13:21:09

深入 Flutter 自定义 RenderObject:打造高性能异形滚动列表

在 Flutter 开发中,ListView、GridView等通用滚动组件能满足 80% 的常规场景,但面对电商异形商品展示、社交 APP 个性化卡片流、数据可视化仪表盘等复杂 UI 需求时,仅靠组合现有 Widget 往往会遇到性能瓶颈或视觉效果限制。此时深入 Flutter …

作者头像 李华
网站建设 2026/6/10 2:17:38

33、分布式控制器设计与精确矩动力学计算

分布式控制器设计与精确矩动力学计算 1. 精确矩动力学计算示例 在定义配分函数的求和中,其缩减指标可以通过史密斯标准型以更系统的形式得到。假设矩阵 (P\in Z^{q\times n}) 表示 (n) 种物质的 (q) 个守恒定律。例如,在竞争结合示例中,(P = [1, 0, 0, 1, 1; 0, 1, 0, 1, …

作者头像 李华
网站建设 2026/6/10 13:19:46

35、机器学习在联合分类与分割及鲁棒凸优化中的应用

机器学习在联合分类与分割及鲁棒凸优化中的应用 联合分类与分割中的关键技术 在图像的联合分类与分割领域,涉及到诸多关键的理论和算法。 1. 线积分转换与能量流计算 - 最初有公式 $\frac{\partial E}{\partial \xi_i} = \int_{\hat{c}} [r_o(I (x), \hat{c}) - r_b(I (…

作者头像 李华
网站建设 2026/6/10 6:02:13

【大数据环境安装指南】ZooKeeper搭建Hadoop高可用集群教程

文章目录前言一、 核心架构说明二、 环境准备(所有节点执行)2.1 服务器规划(3 节点)2.2 基础环境初始化2.2.1 关闭防火墙和 SELinux(所有节点)2.2.2 配置主机名和 hosts 映射2.2.3 安装 JDK(Had…

作者头像 李华