iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >TypeScript数组的定义与使用详解
  • 697
分享到

TypeScript数组的定义与使用详解

2024-04-02 19:04:59 697人浏览 泡泡鱼
摘要

目录基本定义声明数组时直接初始化访问数组Array对象声明数组时指定数组大小两种定义方式声明多维数组(含泛型)普通版泛型版类数组数组解构通过接口描述数组数组迭代基本定义 声明数组时直

基本定义

声明数组时直接初始化

// 基本定义
let arr:number[] = [1,2,3];
let arrS: string[] = ["1","2"]

如果数组声明时未设置类型,则会被认为是 any 类型,在初始化时根据第一个元素的类型来推断数组的类型。

访问数组

Array对象

我们也可以使用 Array 对象创建数组。

Array 对象的构造函数接受以下两种值:

  • 表示数组大小的数值。
  • 初始化的数组列表,元素使用逗号分隔值。

声明数组时指定数组大小

var arr:number[] = new Array(10);  
for(var i = 0; i<arr.length; i++) { 
    arr[i] = i * 2 
    console.log(arr[i]) 
}

两种定义方式

let arr1:Array<number> = [1,2,3,4,5]
let arr2:number[] = new Array(1,2,3);
console.log("arr1===="+arr1);
console.log("arr2===="+arr2);

声明多维数组(含泛型)

有一个例子说的挺好的,这里直接用了:

定义一个多维数组:

var arr_name:datatype[][]=[ [val1,val2,val3],[v1,v2,v3] ]

普通版

var arr:number[][] = [[1,2,3],[4,5,6]]  
console.log(arr[0][0]) 
console.log(arr[0][1]) 
console.log(arr[0][2]) 
console.log(arr[1][0]) 
console.log(arr[1][1]) 
console.log(arr[1][2])

泛型版

// 声明多维数组
let arr:number[][] = [[1,2,3], [4,5,6]];
// 泛型形式声明多维数组(联合类型)
let arr1:Array<Array<number | string>> = [[1,2,3,"123"],[4,5,6,"789"],[]];
console.log(arr)
console.log(arr1)

类数组

// 类数组
function Arr(... args:any):void{
    console.log(arguments) //类数组,arguments是参数
    let arr:IArguments = arguments  //用IArguments去接收
}
Arr(1,2,3)  //[Arguments] { '0': 1, '1': 2, '2': 3 }

数组解构

// 数组解构
var arr = [12, 13];
var x = arr[0], y = arr[1]; // 将数组的两个元素赋值给变量 x 和 y
console.log(x);
console.log(y);

通过接口描述数组

// 通过接口描述数组
interface NumberArray{
    [index:number]:number;  //只要索引的类型是数字,那么值的类型也必须是数字,换成string也是一样的
}
let arr:NumberArray = [1,2,3];
console.log(arr);

数组迭代

使用for…of来玩

// 数组迭代
var j:any; 
var nums:number[] = [1,2,3,4] 
for(j in nums) { 
    console.log(nums[j]) 
}

到此这篇关于typescript数组的定义与使用详解的文章就介绍到这了,更多相关TypeScript数组内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: TypeScript数组的定义与使用详解

本文链接: https://www.lsjlt.com/news/167757.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • TypeScript数组的定义与使用详解
    目录基本定义声明数组时直接初始化访问数组Array对象声明数组时指定数组大小两种定义方式声明多维数组(含泛型)普通版泛型版类数组数组解构通过接口描述数组数组迭代基本定义 声明数组时直...
    99+
    2024-04-02
  • Java中数组的定义与使用详解
    目录数组的基本概念数组引用传递数组静态初始化二维数组总结数组的基本概念 如果说现在要求你定义100个整型变量,那么如果按照之前的做法,可能现在定义的的结构如下: int i1, ...
    99+
    2024-04-02
  • typeScript中数组类型定义及应用详解
    目录1.定义数组1.1 「类型 + 方括号」表示法1.2 数组泛型1.3 用接口表示数组1.4 类数组2. any 在数组中的应用 ...
    99+
    2023-05-19
    ts数据类型 ts 定义数组 ts定义数组对象
  • Java数组的定义与使用
    目录一.一维数组的定义1.创建数组2.初始化数组二.数组的使用1.访问数组2.遍历数组3.修改数据内容三.有关数组方法的使用1.toString2. copyOf四.查找数组中的元素...
    99+
    2023-05-17
    Java数组 Java数组的定义 Java数组的使用
  • TypeScript的函数定义与使用案例教程
    TypeScript中函数的定义和使用 1. 声明一个函数约束其传参类型,以及返回值类型 传入两个参数,没有返回值 const fun1 = (key: string, va...
    99+
    2024-04-02
  • 【Java.SE】数组的定义与使用
    作者简介: 辭七七,目前大一,正在学习C/C++,Java,Python等 作者主页: 七七的个人主页 文章收录专栏:Java.SE,本专栏主要讲解运算符,程序逻辑控制,方法的使用,数组的使用,类和对象,继承和多态,抽象类和接口等内容 ...
    99+
    2023-08-16
    java 数据结构 开发语言
  • JAVASE---数组的定义与使用
    数组的基本概念 什么是数组 数组是具有相同类型元素的集合,在内存中连续存储。 数组中存放的元素其类型相同 2. 数组的空间是连在一起的 3. 每个空间有自己的编号,起始位置的编号为0,即数组的下标 数组的创建及初始化 数组的创建 T[] ...
    99+
    2023-09-02
    算法 数据结构 java 开发语言
  • Java对象数组定义与用法详解
    Java对象数组是一种用于存储多个相同类型的对象的数据结构。它可以按照一定的顺序存储和访问对象,并且可以根据需要进行动态调整大小。要定义一个对象数组,可以使用以下语法:```ClassName[] arrayName = new Cla...
    99+
    2023-08-09
    Java
  • Java中数组的定义与使用
    目录一、数组的基本用法1.什么是数组2.创建数组3.数组的使用二、数据作为方法参数1.基本用法2.理解引用类型3.认识null4.JVM内存区域划分5.数组作为方法的返回值6.关于数...
    99+
    2024-04-02
  • Go语言元组的定义与使用方法详解
    Go语言元组的定义与使用方法详解 在编程语言中,元组是一种用于存储多个值的数据结构,元组中的值可以是不同类型的数据。在Go语言中,虽然没有内置的元组类型,但可以使用结构体或切片来模拟元...
    99+
    2024-04-02
  • Java详解数据类型的定义与使用
    目录标识符和关键字标识符什么是标识符标识符的定义规则关键字常量和变量常量变量变量的声明格式变量的声明基本数据类型整数类型浮点类型浮点类型常量浮点类型变量字符类型字符型字符串型布尔类型...
    99+
    2024-04-02
  • 详解C++中函数模板的定义与使用
    目录1. 前言2. 初识函数模板2.1 语法2.2 实例化2.3 实参推导3. 重载函数模板1. 前言 什么是函数模板? 理解什么是函数模板,须先搞清楚为什么需要函数模板。 如果现在...
    99+
    2024-04-02
  • Python学习之函数的定义与使用详解
    目录函数的定义函数的分类函数的创建方法-def函数的返回值-returnreturn与print的区别函数的传参必传参数默认参数不确定参数(可变参数)参数规则函数小练习函数的参数类型...
    99+
    2024-04-02
  • Scala方法与函数使用和定义详解
    目录一、方法的定义二、递归方法三、参数有默认值的方法四、可变参数个数的函数五、匿名函数六、嵌套方法七、偏应用函数(部分应用函数)八、高阶函数九、柯里化函数一、方法的定义 1.方法体中...
    99+
    2022-12-14
    Scala方法与函数 Scala方法 Scala函数
  • TypeScript中函数与类怎么定义
    本文小编为大家详细介绍“TypeScript中函数与类怎么定义”,内容详细,步骤清晰,细节处理妥当,希望这篇“TypeScript中函数与类怎么定义”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。介绍「跳跳」:函数...
    99+
    2023-06-05
  • Java中数组如何定义与使用
    这篇文章主要为大家展示了“Java中数组如何定义与使用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Java中数组如何定义与使用”这篇文章吧。数组的基本概念如果说现在要求你定义100个整型变量,...
    99+
    2023-06-25
  • Vue3中使用defineCustomElement定义组件详解
    目录使用 Vue 构建自定义元素跳过组件解析传递 DOM 属性defineCustomElement()生命周期Props事件插槽依赖注入将 SFC 编译为自定义元素基于 Vue 构...
    99+
    2022-11-13
    Vue3 defineCustomElement定义组件 Vue3 defineCustomElement
  • C语言结构体数组的定义和使用详解
    目录介绍结构体数组定义时初始化补充介绍 一个结构体变量可以存放一个学生的一组信息,可是如果有 10 个学生呢?难道要定义 10 个结构体变量吗?难道上面的程序要复制和粘贴 10 次吗...
    99+
    2024-04-02
  • Go语言学习之函数的定义与使用详解
    目录1、函数定义2、多值返回3、引用传递4、函数作为实参使用5、匿名函数1、函数定义 函数的定义和java一样,使用{}进行包裹,并且要明确入参类型以及返回类型。 样例代码如下: f...
    99+
    2024-04-02
  • C++数组的定义详情
    目录1.数组概念2.数组的复杂声明3.数组到指针4.数组操作4.1获取数组元素个数4.2使用for循环遍历数组(C++11开始支持)5.拓展5.1C字符串5.2vector5.3st...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作