news 2026/6/10 11:48:05

typescript-数组和元组

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
typescript-数组和元组

今天我们开始复杂类型

什么是数组?

数组是一个可以保存多个同类型值的变量。可以通过索引来访问每一个位置中的值。(注:程序中的索引是从0开始的,不是从1

什么是元组?

元组和数组差不多,是一个可以保存多个不同类型值的变量

看以下代码:

// 初始化数组 let arr1: number[] = [66, 77, 88, 99]; // 表示arr1中只能存放number类型的数据 let arr2: string[] = ["a", "b", "c"]; // 表示arr2中只能存放string类型的数据 console.log("arr1 索引0的值 ", arr1[0]); console.log("arr1 索引1的值 ", arr1[1]); console.log("arr2 索引0的值 ", arr2[0]); console.log("arr2 索引1的值 ", arr2[1]); // 初始化元组 let arr: [string, number] = ["a", 99]; // 表示arr中只能存放string或者number类型的数据 //常用操作 // 数组尾部插入数据 arr1.push(100, 200); console.log(arr1); // 数组头部插入 arr1.unshift(6, 8); console.log(arr1); // 数组尾部弹出 arr1.pop(); console.log(arr1); // 数组头部弹出 arr1.shift(); console.log(arr1); // 数组的长度 length属性 console.log(arr1.length); console.log(arr2.length); // 遍历数组 for (let i = 0; i < arr1.length; i++) { console.log(arr1[i]); } arr2.forEach((item, index) => { console.log("数组值 ", item, "数组索引 ", index); });

从以下代码可以看出一,数组和元组基本一样,最大的不同是,数组中只能存放固定单一类型的值;而元组中却可以存放多种类型的值。以上的操作中只是写了一些常用的操作,其他的操作大家可以看手册,毕竟学会看手册是我们每一个程序员的必会技能!

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

【std::map】获取键的索引

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录实现方法&#xff1a;遍历计数关键说明总结std::map 是有序关联容器&#xff08;基于红黑树实现&#xff09;&#xff0c;其元素按键&#xff08;key&#xff09;的排…

作者头像 李华
网站建设 2026/5/31 12:18:24

技术宅的快乐:用预配置镜像深度定制你的Z-Image-Turbo模型

技术宅的快乐&#xff1a;用预配置镜像深度定制你的Z-Image-Turbo模型 作为一名AI爱好者&#xff0c;你是否曾经被复杂的模型训练环境配置所困扰&#xff1f;想要快速体验Z-Image-Turbo模型的强大能力&#xff0c;却被各种依赖安装、环境配置等问题绊住了脚步&#xff1f;本文…

作者头像 李华
网站建设 2026/6/3 19:19:40

Z-Image-Turbo批量处理技巧:如何快速生成上千张图片

Z-Image-Turbo批量处理技巧&#xff1a;如何快速生成上千张图片 在电商运营中&#xff0c;为数千种商品手动制作展示图不仅耗时耗力&#xff0c;还难以保证风格统一。Z-Image-Turbo作为阿里开源的6B参数图像生成模型&#xff0c;通过创新的8步蒸馏技术&#xff0c;能在保持照片…

作者头像 李华
网站建设 2026/5/31 16:26:08

服务器运维:Linux 磁盘查看 清理常用命令

服务器运维&#xff1a;Linux 磁盘查看 & 清理常用命令 一、整体使用思路&#xff08;先看全局&#xff0c;再清理&#xff09; 第一步&#xff1a;看整个磁盘使用情况&#xff08;df&#xff09;第二步&#xff1a;看具体哪个目录占得多&#xff08;du、ncdu 等&#xff0…

作者头像 李华
网站建设 2026/6/5 18:26:03

无障碍体验:为视障人士适配阿里通义Z-Image-Turbo WebUI界面

无障碍体验&#xff1a;为视障人士适配阿里通义Z-Image-Turbo WebUI界面 作为一名长期关注无障碍设计的技术从业者&#xff0c;我最近尝试了阿里通义Z-Image-Turbo这款AI图像生成工具。虽然它的生成效果令人惊艳&#xff0c;但默认的WebUI界面对于视障用户来说存在诸多不便。本…

作者头像 李华
网站建设 2026/5/18 14:18:28

如何解决 pip install 代理报错 407 Proxy Authentication Required 问题

摘要 本文聚焦pip install安装第三方库时出现的“407 Proxy Authentication Required”代理认证报错&#xff0c;该报错核心是代理服务器收到pip请求后&#xff0c;要求身份认证但未获取到有效认证信息&#xff08;或认证信息错误&#xff09;&#xff0c;进而拒绝转发请求。根…

作者头像 李华