广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >TypeScript数组Array操作的常用方法
  • 708
分享到

TypeScript数组Array操作的常用方法

2024-04-02 19:04:59 708人浏览 八月长安
摘要

目录一、数组的声明二、数组初始化三、数组元素赋值、添加、更改四、删除五、合并、断开数组六、查找数组元素位置七、连接数组元素八、排序、反序数组九、遍历请看这里数组是一个很简单的数据结构

数组是一个很简单的数据结构,但是每次使用typescript的数组的时候又总是忘记怎么用了,干脆直接弄成干货,忘了过来看看。

一、数组的声明

let array1:Array<number>;
let array2:number[];

二、数组初始化

let array1:Array<number> = new Array<number>();
let array2:number[] = [1,2,3];

三、数组元素赋值、添加、更改

let array:Array<number> = [1,2,3,4];
console.log(array)      // [1, 2, 3, 4]

array[0] = 20;          // 修改
console.log(array)      // [20, 2, 3, 4]

array[4] = 5;           // 赋值
console.log(array)      // [20, 2, 3, 4, 5]

array.push(6);          // 添加
console.log(array)      // [20, 2, 3, 4, 5, 6]

array.unshift(8, 0);    // 在第一个位置依次添加
console.log(array);     // [8, 0, 20, 2, 3, 4, 5, 6]

四、删除

let array:Array<number> = [1,2,3,4];
console.log(array)      // [1, 2, 3, 4]

let popValue = array.pop();     // 弹出
console.log(array)      // [1, 2, 3]

array.splice(0, 1);     // 删除元素(index, deleteCount)
console.log(array)      // [2, 3]

array.shift();          // 删除第一个元素
console.log(array);     // [3]

五、合并、断开数组


concat(...items: T[][]): T[];

concat(...items: (T | T[])[]): T[];

slice(start?: number, end?: number): T[];

let array: Array<number> = [1, 2, 3];
let array2: Array<number> = [4, 5, 6];
let arrayValue = 7;
array = array.concat( array2);
console.log(array)          // [1, 2, 3, 4, 5, 6]

array = array.concat(arrayValue);
console.log(array)          // [1, 2, 3, 4, 5, 6, 7]

let newArray = array.slice(2, 4);
console.log(newArray)      // [3, 4]

六、查找数组元素位置


indexOf(searchElement: T, fromIndex?: number): number;

lastIndexOf(searchElement: T, fromIndex?: number): number;


let array: Array<string> = ["a","b","c","d","c","a"];
let indexC = array.indexOf("c");
console.log(indexC);            // 2
let lastA = array.lastIndexOf("a");
console.log(lastA);             // 5

七、连接数组元素


join(separator?: string): string;

let array: Array<string> = ["a","b","c","d","c","a"];
let result = array.join();
console.log(result);            // a,b,c,d,c,a

result = array.join("+");
console.log(result);            // a+b+c+d+c+a

result = array.join("");
console.log(result);            // abcdca

八、排序、反序数组

let array:Array<number> = [3, 2, 1, 8, 7, 0, 4];
console.log(array);             // [3, 2, 1, 8, 7, 0, 4]

array.sort();
console.log(array);             // [0, 1, 2, 3, 4, 7, 8]

array.reverse();
console.log(array);             // [8, 7, 4, 3, 2, 1, 0]

九、遍历请看这里

上一篇

到此这篇关于TypeScript 数组Array操作的常用方法的文章就介绍到这了,更多相关TypeScript 数组Array操作内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: TypeScript数组Array操作的常用方法

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

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

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

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

下载Word文档
猜你喜欢
  • TypeScript数组Array操作的常用方法
    目录一、数组的声明二、数组初始化三、数组元素赋值、添加、更改四、删除五、合并、断开数组六、查找数组元素位置七、连接数组元素八、排序、反序数组九、遍历请看这里数组是一个很简单的数据结构...
    99+
    2022-11-13
  • TypeScript数组Array操作的常用方法有哪些
    这篇文章主要介绍“TypeScript数组Array操作的常用方法有哪些”,在日常操作中,相信很多人在TypeScript数组Array操作的常用方法有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Typ...
    99+
    2023-07-02
  • JS数组Array常用方法有哪些
    这篇“JS数组Array常用方法有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“JS数组Array常用方法有哪些”文章吧...
    99+
    2023-06-30
  • JavaScript中数组Array的常用方法有哪些
    这篇文章主要为大家展示了“JavaScript中数组Array的常用方法有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript中数组Array的常用方法有哪些”这篇文章吧。一....
    99+
    2023-06-25
  • JavaScript数组Array的一些常用方法总结
    目录一.JavaScript中创建数组的方式二、数组方法概括三、方法详解1.join()2.pop()3.shift()4.push()5.unshift()6.concat...
    99+
    2022-11-12
  • JS数组Array常用方法汇总+实例
    一、JavaScript中创建数组的方式 (1)使用 Array 构造函数: var arr1 = new Array(); //创建一个空数组 var arr2 = ne...
    99+
    2022-11-13
  • JavaScript中常用的数组操作方法
    目录一、concat()二、join()三、push()五、shift()六、unshift()七、slice()八、splice()九、substring() ...
    99+
    2022-11-12
  • JavaScript原生数组Array常用方法有哪些
    这篇文章给大家分享的是有关JavaScript原生数组Array常用方法有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。栈方法push方法和pop方法, 可以使数组的行为类似...
    99+
    2022-10-19
  • JavaScript操作数组的常用方法总结
    我们在日常开发过程中,使用到原生 JavaScript的时候,有时候会频繁的对数组进行操作,今天我把工作以来,经常用到的有关 JavaScript数组的方法总结一...
    99+
    2022-11-13
  • JavaScript中常用的数组操作方法总结
    目录前言数组基础遍历方法forfor offor in数组的基础操作方法push:尾部追加元素pop:尾部移出元素unshift:头部追加元素shift:头部移出元素splice:删...
    99+
    2022-11-13
  • 常用的javascript数组操作方法有哪些
    这篇文章主要介绍“常用的javascript数组操作方法有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“常用的javascript数组操作方法有哪些”文章能帮助...
    99+
    2022-10-19
  • php的array()操作的是数组还是对象
    在PHP中,array()操作的是数组,是允许对数组操作的函数,该函数的作用是创建数组;PHP支持单维和多维的数组,同时提供了用数据库查询结果来构造数组的函数,语法为“array(value1,value2,value3,etc.)”或者“...
    99+
    2022-07-11
    php
  • 关于JavaScript的Array数组方法详解
    目录数组的方法1. push() 添加2. pop() 删除4. shift() 删除7. splice() 删除8. concat() 连接9. join()10. re...
    99+
    2023-05-20
    JavaScript 数组 JavaScript Array
  • 数组array的5类方法有哪几种
    本篇内容介绍了“数组array的5类方法有哪几种”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!一、数组变形...
    99+
    2022-10-19
  • jquery遍历array数组的方法是什么
    这篇文章主要讲解了“jquery遍历array数组的方法是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jquery遍历array数组的方法是什么”吧!...
    99+
    2022-10-19
  • java数组常用操作
    一、定义一个Java数组定义数组有三种方法。第一种是定义了一个数组,并且指定了数组的长度,我们这里称它为动态定义。第二种是直接初始化数组内容第三种在分配内存空间的同时还初始化了值。String[] aArray = new String[5...
    99+
    2015-10-26
    java教程 java 数组
  • PHP中array数组的作用是什么
    PHP中array数组的作用是什么?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。php有什么特点1、执行速度快。2、具有很好的开放性和可扩展性。3、PHP支持多种主流与非主流的...
    99+
    2023-06-14
  • Linux下的ctrl常用组合键及操作方法
    在linux的命令模式下使用ctrl组合键能让操作更便捷。 ctrl + k : 剪切光标及其后边的内容; ctrl + u : 剪切光标之前的内容; ctrl + y : 在光标处粘贴上两个命令,粘贴方式和被剪切方式相...
    99+
    2022-06-04
    linux下的ctrl组合键 ctrl的组合键
  • C语言 array数组的用法详解
    目录一维数组的创建与初始化程序一:程序二:程序三程序四(二维数组 - 二维数组 的 列 绝对不能 省略 )二维数组在内存中的存储程序一数组作为函数参数,怎么作?实例:冒泡排序数组名:...
    99+
    2022-11-12
  • PHP数组的常见操作和常用函数
    一.数组遍历 在操作数组时,经常需要依次访问数组中的每个元素,这种操作称为数组的遍历。 在PHP中,通常使用foreach语句实现数组的遍历,其语法格式有两种,具体如下:  以上两种语法格式都是通过foreach语句来实现对数组的遍历,不同...
    99+
    2023-09-05
    php 开发语言
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作