最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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實現(xiàn)輪播圖代碼

    基于JavaScript實現(xiàn)輪播圖代碼

    在前端程序開發(fā)中,經(jīng)常會實現(xiàn)js輪播圖的效果,怎么實現(xiàn)的呢?下面小編給大家分享基于基于JavaScript實現(xiàn)輪播圖代碼 ,非常不錯,感興趣的朋友可以參考下
    2016-07-07
  • 微信小程序父子組件通信詳細(xì)介紹

    微信小程序父子組件通信詳細(xì)介紹

    這篇文章主要介紹了小程序中父子組件通信詳解,在父組件中,為子組件添加屬性數(shù)據(jù),即可實現(xiàn)父組件向子組件通信,文章通過圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下
    2022-11-11
  • JS實現(xiàn)數(shù)組淺拷貝和深拷貝的方法

    JS實現(xiàn)數(shù)組淺拷貝和深拷貝的方法

    淺拷貝創(chuàng)建一個新的對象,來接受重新復(fù)制或引用的對象值,如果對象屬性是基本的數(shù)據(jù)類型,復(fù)制的就是基本類型的值給新對象,這篇文章主要介紹了js實現(xiàn)數(shù)組淺拷貝和深拷貝,需要的朋友可以參考下
    2024-01-01
  • 微信小程序?qū)崿F(xiàn)語音識別轉(zhuǎn)文字功能及遇到的坑

    微信小程序?qū)崿F(xiàn)語音識別轉(zhuǎn)文字功能及遇到的坑

    這篇文章主要介紹了小程序?qū)崿F(xiàn)語音識別轉(zhuǎn)文字功能,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-08-08
  • js apply/call/caller/callee/bind使用方法與區(qū)別分析

    js apply/call/caller/callee/bind使用方法與區(qū)別分析

    js apply/call/caller/callee/bind使用方法與區(qū)別分析,需要的朋友可以參考下。
    2009-10-10
  • layui select獲取自定義屬性方法

    layui select獲取自定義屬性方法

    今天小編就為大家分享一篇layui select獲取自定義屬性方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • 微信小程序?qū)崿F(xiàn)錄音播放錄音功能

    微信小程序?qū)崿F(xiàn)錄音播放錄音功能

    在微信小程序中,實現(xiàn)錄音及播放功能需用到錄音管理器wx.getRecorderManager()和innerAudioContext對象,調(diào)用play方法播放,結(jié)合表單,可以添加錄音和播放按鈕,用數(shù)據(jù)綁定保存路徑,注意上傳服務(wù)器保存錄音文件以便持久化存儲
    2024-10-10
  • d3.js實現(xiàn)簡單的網(wǎng)絡(luò)拓?fù)鋱D實例代碼

    d3.js實現(xiàn)簡單的網(wǎng)絡(luò)拓?fù)鋱D實例代碼

    最近一直在學(xué)習(xí)d3.js,大家都知道d3.js是一個非常不錯的數(shù)據(jù)可視化庫,我們可以用它來做一些比較酷的東西,比如可以來顯示一些簡單的網(wǎng)絡(luò)拓?fù)鋱D,這篇文中就通過實例代碼給大家介紹了如何利用d3.js實現(xiàn)簡單的網(wǎng)絡(luò)拓?fù)鋱D,有需要的朋友們可以參考借鑒,下面來一起看看吧。
    2016-11-11
  • javascript獲取表格 td 中的內(nèi)容

    javascript獲取表格 td 中的內(nèi)容

    可以獲取html table中的td中的內(nèi)容。非常的不錯。
    2009-07-07
  • JS實現(xiàn)可視化文件上傳

    JS實現(xiàn)可視化文件上傳

    這篇文章主要為大家詳細(xì) 介紹了JS實現(xiàn)可視化文件上傳,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-09-09

最新評論

梁河县| 金堂县| 崇文区| 民乐县| 军事| 双江| 恩平市| 尚义县| 安平县| 荆门市| 淮阳县| 拉孜县| 兴和县| 民权县| 清苑县| 九龙城区| 长汀县| 广东省| 鹤庆县| 威宁| 灵璧县| 郎溪县| 祁门县| 沛县| 旌德县| 浮山县| 黑水县| 泸水县| 洛宁县| 衡东县| 湟源县| 习水县| 浦江县| 太仆寺旗| 盱眙县| 曲松县| 哈密市| 东丽区| 新兴县| 保康县| 邢台市|