TypeScript 数组

这篇具有很好参考价值的文章主要介绍了TypeScript 数组。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

        ts的数组几乎与js数组操作一致。本文主要讲一些需要关注的地方。

数组初始化

        初始化字符串数组

let character:string[]

        除了使用中括号 [] 的方法来声明数组,我们还可以使用数组泛型来定义数组

let numArr:Array<number> = [1, 2, 3, 4, 5];  

        至于什么是泛型,请看后面的推文。

        对象数组:

interface resObj {
    name:string,
    money: number
}
const arr: resObj[] = [{name:'艾丽娅',money:200}]

数组解构

解构是一种表达式,将数组或者对象中的数据赋予另一个变量。

let numArr:number[] = [1, 2, 3];
var[a, b, c] = numArr; 

结果得到a是1 b是2 c是3。JS的ES6也已经只吃了数组解构

var arr = [1,2,3]
var [a,b,c] = arr

多维数组怎么写

let arrNew: number[][] = [[0,1],[3,2]]

从函数返回数组

function show():string[] { 
    return new Array("郭靖", "黄蓉", "杨过", "小龙女") 
 } 

遍历数组

跟JS一样,该怎么遍历就怎么遍历。毕竟TS是JS的超集!

const rec = (children: string[]) =>
children.forEach(node => {
    console.log(node)
});

或者你想用for of也行

// show的定义在上面
var myNames = show();
for (var i in myNames) {
    console.log(myNames[i]);
}

特殊数组 ReadonlyArray<T>

ReadonlyArray<T> 类型,它与 Array<T> 相似,只是把所有可变方法去掉了,因此可以确保数组创建后再也不能被修改。文章来源地址https://www.toymoban.com/news/detail-708409.html

let a: number[] = [1, 2, 3, 4];
let ro: ReadonlyArray<number> = a;
ro[0] = 12; // error!
ro.push(5); // error!
ro.length = 100; // error!
a = ro; // error!

到了这里,关于TypeScript 数组的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • TypeScript 数组

            ts的数组几乎与js数组操作一致。本文主要讲一些需要关注的地方。         初始化字符串数组         除了使用中括号 [] 的方法来声明数组,我们还可以使用数组泛型来定义数组         至于什么是泛型,请看后面的推文。         对象数组: 解构是一种表

    2024年02月09日
    浏览(29)
  • TypeScript数组和对象的操作

    安装 TypeScript 安装 ts-node 运行ts文件,cmd下 定义数组 for 循环 for…in 循环 for…of循环 forEach循环 目前要上面的遍历方法都有问题,因为 删除后,索引就变了 目前能想到和实现的办法是通过 while 来实现 删除在另一个数组中包含的元素: 删除在另一个数组中不包含的元素:

    2024年02月10日
    浏览(23)
  • 单例模式——javascript和typescript

    确保某个方法或者类只有一个是咧。而且自行实例子并向整个系统提供这个实例。 某个方法或类只能一个; 必须自行创建这个实例 必须自行向整个系统提供这个实例。

    2024年02月05日
    浏览(41)
  • TypeScript中数组,元组 和 枚举类型

    方式一 方式二,使用泛型定义 方式三,使用any 可以定义不同类型 定义类型顺序需保持一直 枚举类型都有自己的编号,默认从0开始,也可以自定义,依次增加1

    2024年02月15日
    浏览(29)
  • 一文了解JavaScript 与 TypeScript的区别

    TypeScript 和 JavaScript 是两种互补的技术,共同推动前端和后端开发。在本文中,我们将带您快速了解JavaScript 与 TypeScript的区别。   一、TypeScript 和 JavaScript 之间的区别 JavaScript 和 TypeScript 看起来非常相似,但有一个重要的区别。 JavaScript 和 TypeScript 之间的主要区别在于 JavaS

    2024年02月14日
    浏览(42)
  • TypeScript_线性结构-数组-栈结结构

    面试经典 150 题 编程的最终目的只有一个:对数据进行操作和处理 术之尽头炁体源流 编程尽头数据结构 数据结构与算法的本质就是一门专门研究数据如何组织、存储和操作的科目 系统、语言、框架源码随处可见数据结构与算法 无论是操作系统(Windows、Mac OS)本身,还是我

    2024年02月10日
    浏览(25)
  • TypeScript:为什么JavaScript需要类型检查?

    JavaScript是当今最为流行的编程语言之一。它是一种高级的、解释性的编程语言,用于Web应用程序的开发。然而,JavaScript的灵活性也是它的弱点之一。JavaScript中的变量、函数、类等都是动态类型,这意味着它们的类型可以在运行时发生变化。虽然这种灵活性为JavaScript开发人员

    2024年02月04日
    浏览(45)
  • TypeScript是什么?它与JavaScript有什么区别?

    面试题-TS(1):TypeScript是什么?它与JavaScript有什么区别? TypeScript是一种编程语言,它是JavaScript的超集。它通过添加静态类型、类、接口和模块等功能来扩展JavaScript。 JavaScript是一种广泛应用于Web开发的脚本语言,它的灵活性和易用性使得它成为了开发者们的首选。然而,JavaS

    2024年02月16日
    浏览(37)
  • React框架:TypeScript支持的JavaScript库

    React 框架是一个功能强大的 JavaScript 库,让用户可以轻松地构建高度动态的用户界面。它借助虚拟 DOM 的思想实现高效的性能,并具有易于使用和灵活的编程接口。随着越来越多的人开始使用 React ,在不断的发展和变化中, React 框架现在加入了 TypeScript 的支持,使其成为一个

    2024年02月11日
    浏览(52)
  • Typescript中的元组与数组的区别

    元组可以应用在经纬度这样明确固定长度和类型的场景下 如果类型不一致会报错,如下图所示 如果数量不一致也会报错,如下图所示 如果位置不一致也会报错,如下图所示

    2024年02月14日
    浏览(21)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包