温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

TypeScript数组如何定义与使用

发布时间:2022-09-19 09:41:44 来源:亿速云 阅读:127 作者:iii 栏目:开发技术

这篇文章主要介绍了TypeScript数组如何定义与使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇TypeScript数组如何定义与使用文章都会有所收获,下面我们一起来看看吧。

    基本定义

    声明数组时直接初始化

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

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

    访问数组

    TypeScript数组如何定义与使用

    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]) 
    }

    TypeScript数组如何定义与使用

    两种定义方式

    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);

    TypeScript数组如何定义与使用

    声明多维数组(含泛型)

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

    定义一个多维数组:

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

    TypeScript数组如何定义与使用

    普通版

    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])

    TypeScript数组如何定义与使用

    泛型版

    // 声明多维数组
    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)

    TypeScript数组如何定义与使用

    类数组

    // 类数组
    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 }

    TypeScript数组如何定义与使用

    数组解构

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

    TypeScript数组如何定义与使用

    通过接口描述数组

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

    TypeScript数组如何定义与使用

    数组迭代

    使用for&hellip;of来玩

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

    TypeScript数组如何定义与使用

    关于“TypeScript数组如何定义与使用”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“TypeScript数组如何定义与使用”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注亿速云行业资讯频道。

    向AI问一下细节

    免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

    AI