Array對象常用屬性

来源:https://www.cnblogs.com/yyjbk/archive/2018/10/10/9764518.html
-Advertisement-
Play Games

concat() 用於連接兩個或多個數組。該方法不會改變現有的數組,而僅僅會返回被連接數組的一個副本。 every() 用於檢測數組所有元素是否都符合指定條件(通過函數提供)。 every() 方法使用指定函數檢測數組中的所有元素: 如果數組中檢測到有一個元素不滿足,則整個表達式返回 false , ...


concat() 

用於連接兩個或多個數組。該方法不會改變現有的數組,而僅僅會返回被連接數組的一個副本。

var a = ["aa","ccc"];
var b = ["vv","mm"];
var c = ["123"];
var d = a.contac(b,c);  ==> ["aa","ccc","vv","mm","123"]

every()

用於檢測數組所有元素是否都符合指定條件(通過函數提供)。

  every() 方法使用指定函數檢測數組中的所有元素:

  • 如果數組中檢測到有一個元素不滿足,則整個表達式返回 false ,且剩餘的元素不會再進行檢測。
  • 如果所有元素都滿足條件,則返回 true。

      註意: every() 不會對空數組進行檢測。

      註意: every() 不會改變原始數組。

var ary = [3,4,5,6,7]
var result = ary.every(function(item){
    return item>5;          
}) ==> false

filter()

創建一個新的數組,新數組中的元素是通過檢查指定數組中符合條件的所有元素。

  註意: filter() 不會對空數組進行檢測。

  註意: filter() 不會改變原始數組。

var ary = [2,3,5,6,7];
var result = ary.filter(function(item){
    return item>3;
}); ==> [5,6,7]

forEach()

用於調用數組的每個元素,並將元素傳遞給回調函數。

var ary = [3,4,5,6,7]
var result = ary.forEach(function(item,index){
   console.log(item,index)         
});

 includes()

用來判斷一個數組是否包含一個指定的值,如果是返回 true,否則false。

arr.includes(searchElement)
arr.includes(searchElement, fromIndex)
// searchElement   要查找的元素
// fromIndex       從該索引處開始查找 searchElement。如果fromIndex 大於等於數組長度 ,則返回 false ,該數組不會被搜索
           如果為負值,則按升序從 array.length + fromIndex 的索引開始搜索。預設為 0。如果計算出的索引小於 0,則整個數組都會被搜索。
var arr = ['a', 'b', 'c'];
arr.includes('a'); // true
arr.includes('a', -100); // true

indexOf()

可返回數組中某個指定的元素位置。如果在數組中沒找到指定元素則返回 -1。

var num = [1,2,3,4,'Apple'];
var a = num.indexOf("Apple");  //4

lastIndexOf()

可返回一個指定的元素在數組中最後出現的位置,在一個數組中的指定位置從後向前搜索。如果要檢索的元素沒有出現,則該方法返回 -1。

var num = [1,2,3,4,'Apple'];
var a = num.lastIndexOf("Apple");  //4

isArray()

用於判斷一個對象是否為數組。如果對象是數組返回 true,否則返回 false。

var item = [];
Array.isArray(item);  //true

join()

用於把數組中的所有元素轉換一個字元串。元素是通過指定的分隔符進行分隔的。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var energy = fruits.join();  //Banana,Orange,Apple,Mango
var energy = fruits.join("|");  //Banana|Orange|Apple|Mango

map()

返回一個新數組,數組中的元素為原始數組元素調用函數處理後的值。

  map() 方法按照原始數組元素順序依次處理元素。

  註意: map() 不會對空數組進行檢測。

  註意: map() 不會改變原始數組。

var ary= [4,9,16,25];
var result = ary.map(Math.sqrt); //求平方根:result ==> 2,3,4,5

pop()

用於刪除數組的最後一個元素並返回刪除的元素。註意:此方法改變原數組長度。

var ary = [2,4,5,6];
var del = ary.pop(); //del ==> 6
// ary ==> 2,4,5

push()

可向數組的末尾添加一個或多個元素,並返回新的長度。註意:此方法改變原數組長度。

var ary = ['aa','bb','cc'];
var result = ary.push('ss');  //result ==> 4
//ary ==> ['aa','bb','cc','ss']

shift()

用於刪除並返回數組的第一個元素。註意:此方法改變原數組長度。

var ary = [2,4,5,6];
var del = ary.shift(); //del ==> 2 
// ary ==> 4,5,6

unshift()

可向數組的開頭添加一個或更多元素,並返回新的長度。註意:此方法改變原數組長度。

var ary = ['aa','bb','cc'];
var result = ary.unshift('ss');  //result ==> 4
//ary ==> ['ss','aa','bb','cc']

reduce()

接收一個函數作為累加器,數組中的每個值(從左到右)開始縮減,最終計算為一個值。

  這個函數必須接收兩個參數,reduce()把結果繼續和序列的下一個元素做累積計算。

  註意: reduce() 對於空數組是不會執行回調函數的。

var arr = [1, 3, 5, 7, 9];
arr.reduce(function (x, y) {
    return x + y;
}); // 25

reduceRight() 方法的功能和 reduce() 功能是一樣的,不同的是 reduceRight() 從數組的末尾向前將數組中的數組項做累加。

reverse()

用於顛倒數組中元素的順序。

var fruits = [1, 2, 3, 4];
fruits.reverse();  // [4,3,2,1]

slice()

可從已有的數組中返回選定的元素。

  slice()方法可提取字元串的某個部分,並以新的字元串返回被提取的部分。

  註意: slice() 方法不會改變原始數組。

返回一個新的數組,包含從 start 到 end (不包括該元素)的 arrayObject 中的元素。

array.slice(start, end)
//start 可選。規定從何處開始選取。如果是負數,那麼它規定從數組尾部開始算起的位置。
//end 可選。規定從何處結束選取。
//該參數是數組片斷結束處的數組下標。如果沒有指定該參數,那麼切分的數組包含從 start 到數組結束的所有元素。
//如果這個參數是負數,那麼它規定的是從數組尾部開始算起的元素。
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1,3);   // ["Orange", "Lemon"]

some()

用於檢測數組中的元素是否滿足指定條件(函數提供)。

some() 方法會依次執行數組的每個元素:

  • 如果有一個元素滿足條件,則表達式返回true , 剩餘的元素不會再執行檢測。
  • 如果沒有滿足條件的元素,則返回false。
var arr = [1, 3, 5, 7, 9];
arr.some(function (item) {
    return item>4;
}); // true

sort()

用於對數組的元素進行排序。返回新的數組

  排序順序可以是字母或數字,並按升序或降序。預設排序順序為按字母升序。

  註意:當數字是按字母順序排列時"40"將排在"5"前面。

  使用數字排序,你必須通過一個函數作為參數來調用。

  函數指定數字是按照升序還是降序排列。

  註意: 這種方法會改變原始數組!

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();   // Apple,Banana,Mango,Orange

//升序
var points = [40,100,1,5,25,10];
points.sort(function(a,b){return a-b});  //1,5,10,25,40,100

//降序
var points = [40,100,1,5,25,10];
points.sort(function(a,b){return b-a});  // 100,40,25,10,5,1

splice()

用於插入、刪除或替換數組的元素。

  註意:這種方法會改變原始數組!

array.splice(index,howmany,item1,.....,itemX)
//index 必需。規定從何處添加/刪除元素。該參數是開始插入和(或)刪除的數組元素的下標,必須是數字。
//howmany      必需。規定應該刪除多少元素。必須是數字,但可以是 "0"。如果未規定此參數,則刪除從 index 開始到原數組結尾的所有元素。
//item1, ..., itemX  可選。要添加到數組的新元素

//如果從 arrayObject 中刪除了元素,則返回的是含有被刪除的元素的數組。
//移除數組的第三個元素,併在數組第三個位置添加新元素:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,1,"Lemon","Kiwi"); //["Banana", "Orange", "Lemon","Kiwi","Mango"]

//從第三個位置開始刪除數組後的兩個元素:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,2);  //["Banana", "Orange"]

toString()

可把數組轉換為字元串,並返回結果。

註意: 數組中的元素之間用逗號分隔。

array.toString()

valueOf()

返回 Array 對象的原始值。

  該原始值由 Array 對象派生的所有對象繼承。

  valueOf() 方法通常由 JavaScript 在後臺自動調用,並不顯式地出現在代碼中。

  註意: valueOf() 方法不會改變原數組。

//valueOf() 是數組對象的預設方法。
// fruits.valueOf()與 fruits返回值一樣。
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var v=fruits.valueOf(); 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 本文介紹了無法通過fastboot擦除misc分區時,利用QFIL工具退出FFBM的詳細步驟。 ...
  • 一、屏蔽系統簡訊功能 1、屏蔽所有簡訊 android 4.2 簡訊發送流程分析可參考這篇 [戳這][1] 源碼位置 vendor\mediatek\proprietary\packages\apps\Mms\src\com\android\mms\transaction\SmsReceiverSe ...
  • 歡迎大家前往 "騰訊雲+社區" ,獲取更多騰訊海量技術實踐乾貨哦~ 本文由 "QQ音樂技術團隊" 發表於 "雲+社區專欄" 一、問題背景與分析 不久前,團隊發現其Android平臺App在播放MV視頻《鳳凰花開的路口》時,會帶有如電流聲一般的雜音,這影響了用戶體驗。 研發同學在初步定位時,發現有如下 ...
  • 歡迎大家前往 "騰訊雲+社區" ,獲取更多騰訊海量技術實踐乾貨哦~ 本文由 "QQ音樂技術團隊" 發表於 "雲+社區專欄" 上篇:Android P 行為變更適配 Android P 這次有很多行為變更,其中不乏一些需要亟需適配的變更。 一、全面屏檢測 在 Android 8.0 時代各個手機廠商就 ...
  • 測試內容 ...
  • 1、清除浮動的相容性(低版本的瀏覽器不相容問題) .clearfix:after{ content:""; clear:both; display:block; visibility:hidden; height:0; } .clear{ *zoom:1; } 2、透明度的相容性 opacity:0 ...
  • 如今Webpack已經是一個不可或缺的前端構建工具,藉助這個構建工具,我們可以使用比較新的技術(瀏覽器不能直接支持)來開發。 你是否好奇你寫的代碼經過Webpack構建之後會生成什麼東西?是否有時調試遇到莫名其妙的問題? 本文不講如何進行配置,只是基於幾個基礎的例子,簡要分析一下 webpack@4 ...
  • 教程所示圖片使用的是 github 倉庫圖片,網速過慢的朋友請移步 "《webpack4 系列教程(十一):字體文件處理》原文地址" 。或者來我的小站看更多內容: "godbmw.com" 0. 課程介紹和資料 " 本節課源碼" " 所有課程源碼" 本節課的代碼目錄如下: 本節課的 內容如下: 1. ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...