欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

TypeScript 數(shù)組Array操作的常用方法

 更新時間：2022年06月21日 16:00:55   作者：honey199396  
本文主要介紹了TypeScript 數(shù)組Array操作的常用方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

數(shù)組是一個很簡單的數(shù)據(jù)結(jié)構(gòu)，但是每次使用TypeScript的數(shù)組的時候又總是忘記怎么用了，干脆直接弄成干貨，忘了過來看看。

一、數(shù)組的聲明

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

二、數(shù)組初始化

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

三、數(shù)組元素賦值、添加、更改

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]

五、合并、斷開數(shù)組

/**
? * Combines two or more arrays.
? * @param items Additional items to add to the end of array1.
? */
concat(...items: T[][]): T[];
/**
? * Combines two or more arrays.
? * @param items Additional items to add to the end of array1.
? */
concat(...items: (T | T[])[]): T[];
/**
?* 該方法返回指定起始位置的一個新的數(shù)組
?*/
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]

六、查找數(shù)組元素位置

/**
? * 返回查找到的第一個元素所在位置
? */
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

七、連接數(shù)組元素

/**
?* 連接數(shù)組
?*/
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

八、排序、反序數(shù)組

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]

九、遍歷請看這里

上一篇

到此這篇關(guān)于TypeScript 數(shù)組Array操作的常用方法的文章就介紹到這了,更多相關(guān)TypeScript 數(shù)組Array操作內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

  • Javascript中return的使用與閉包詳解

    Javascript中return的使用與閉包詳解

    Javascript中return與閉包對大家來說應(yīng)該都不陌生，下面本文就給大家介紹了Javascript中return的使用與閉包。文中給出了詳細(xì)的示例代碼，對大家的理解和學(xué)習(xí)具有一定的參考借鑒價值，感興趣的朋友們下面來一起看看吧。
    2017-01-01
  • JavaScript中number轉(zhuǎn)換成string介紹

    JavaScript中number轉(zhuǎn)換成string介紹

    這篇文章主要介紹了JavaScript中number轉(zhuǎn)換成string介紹,本文講解了4個把number轉(zhuǎn)換成string的函數(shù),需要的朋友可以參考下
    2014-12-12
  • 30分鐘快速掌握Bootstrap框架

    30分鐘快速掌握Bootstrap框架

    Bootstrap 是一個用于快速開發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架。接下來通過本文給大家介紹如何快速掌握Bootstrap，感興趣的朋友一起學(xué)習(xí)吧
    2016-05-05
  • 淺析JavaScript中嚴(yán)格模式的使用

    淺析JavaScript中嚴(yán)格模式的使用

    在ECMAScript5標(biāo)準(zhǔn)中，JavaScript提出了嚴(yán)格模式的概念（Strict Mode），本文就來和大家簡單講講JavaScript中嚴(yán)格模式的具體使用，感興趣的可以了解一下
    2023-05-05
  • 關(guān)于JS中二維數(shù)組的聲明方法

    關(guān)于JS中二維數(shù)組的聲明方法

    下面小編就為大家?guī)硪黄P(guān)于JS中二維數(shù)組的聲明方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-09-09
  • 【JS+CSS3】實現(xiàn)帶預(yù)覽圖幻燈片效果的示例代碼

    【JS+CSS3】實現(xiàn)帶預(yù)覽圖幻燈片效果的示例代碼

    下面小編就為大家?guī)硪黄綣S+CSS3】實現(xiàn)帶預(yù)覽圖幻燈片效果的示例代碼。小編覺得挺不錯的，現(xiàn)在分享給大家。給大家一個參考
    2016-03-03
  • 通過實例理解javascript中沒有函數(shù)重載的概念

    通過實例理解javascript中沒有函數(shù)重載的概念

    這篇文章主要介紹了通過實例理解javascript中沒有函數(shù)重載的概念,十分的簡單易懂，需要的朋友可以參考下
    2015-06-06
  • 原生JS實現(xiàn)LOADING效果

    原生JS實現(xiàn)LOADING效果

    這篇文章主要向大家介紹了原生JS實現(xiàn)的LOADING效果的代碼，效果非常不錯，而且可以自定義顏色和速度，推薦給大家，希望大家能夠喜歡。
    2015-03-03
  • 兩種WEB下的模態(tài)對話框 （asp.net或js的分別實現(xiàn)）

    兩種WEB下的模態(tài)對話框 （asp.net或js的分別實現(xiàn)）

    在如今互聯(lián)網(wǎng)網(wǎng)站上，AJAX效果風(fēng)靡一時，應(yīng)該說AJAX技術(shù)在未來幾年不會動搖，在AJAX效果中，模態(tài)對話框是比較常見的效果，也是非常適用的。
    2009-12-12
  • JavaScript實現(xiàn)簡單動態(tài)進(jìn)度條效果

    JavaScript實現(xiàn)簡單動態(tài)進(jìn)度條效果

    這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)簡單動態(tài)進(jìn)度條效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2018-04-04

最新評論