news 2026/4/15 17:26:42

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/4/13 0:12:33

inline内联函数双重语义

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录前言一、先理清&#xff1a;inline的两个核心作用&#xff08;容易混淆&#xff09;二、头文件中写类成员函数的两种场景场景1&#xff1a;类体内部直接写函数实现&a…

作者头像 李华
网站建设 2026/4/15 17:25:22

阿里通义Z-Image-Turbo WebUI效率秘籍:10倍速生成高质量图像

阿里通义Z-Image-Turbo WebUI效率秘籍&#xff1a;10倍速生成高质量图像 作为一名每天需要生产大量配图的内容创作者&#xff0c;你是否也遇到过这样的困扰&#xff1a;现有的AI图像生成工具要么速度慢得让人抓狂&#xff0c;要么生成的图片质量参差不齐&#xff1f;今天我要分…

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

阿里通义Z-Image-Turbo WebUI商业应用指南:从搭建到盈利的全流程

阿里通义Z-Image-Turbo WebUI商业应用指南&#xff1a;从搭建到盈利的全流程 AI图像生成技术正在快速改变创意产业的面貌&#xff0c;许多创业者已经看到了其中的商业潜力。阿里通义Z-Image-Turbo WebUI作为一款强大的AI图像生成工具&#xff0c;可以帮助用户快速生成高质量的视…

作者头像 李华
网站建设 2026/4/13 1:24:56

阿里通义Z-Image-Turbo WebUI深度解析:如何利用云端GPU实现高效图像生成

阿里通义Z-Image-Turbo WebUI深度解析&#xff1a;如何利用云端GPU实现高效图像生成 作为一名经常需要测试图像生成效果的AI研究员&#xff0c;你是否遇到过本地GPU性能不足、环境配置复杂等问题&#xff1f;本文将详细介绍如何通过阿里通义Z-Image-Turbo WebUI镜像&#xff0c…

作者头像 李华
网站建设 2026/4/1 0:11:00

AI时尚预测:下一季流行色的智能生成与分析

AI时尚预测&#xff1a;下一季流行色的智能生成与分析 前言&#xff1a;当服装设计遇上AI 作为一名服装设计专业的学生&#xff0c;你是否曾为预测下一季流行色而苦恼&#xff1f;传统的色彩趋势分析需要大量市场调研和历史数据比对&#xff0c;耗时耗力。而现在&#xff0c;借…

作者头像 李华
网站建设 2026/4/10 23:38:58

Z-Image-Turbo移动端适配:云端渲染+本地展示的混合架构

Z-Image-Turbo移动端适配&#xff1a;云端渲染本地展示的混合架构 为什么需要云端渲染本地展示的混合架构 作为一名移动应用开发者&#xff0c;你可能遇到过这样的困境&#xff1a;想在APP中集成AI图像生成功能&#xff0c;但移动设备的算力有限&#xff0c;无法流畅运行复杂的…

作者头像 李华