1. 程式人生 > >JavaScript 陣列方法

JavaScript 陣列方法

ECMAScript 3在Array.prototype中定義了一些很有用的運算元組的函式:

Array.join()方法將陣列中所有元素轉化為字串並連線在一起:

var a = [1,2,3];                           // 建立一個包含三個元素的陣列

a.join();                                      // =>"1,2,3"

a.join('" ");                                 //  =>"1 2 3"

var b = [1,undefined];

b[3] = null;                                //  b=[1,undefiend,<1個空的儲存位置>,null];

b.join("-");                                 //  =>'1---'

Array.reverse()方法將陣列中的元素顛倒順序,返回依序的陣列:

var  a = [1,2,3];                        //  建立一個包含三個元素的陣列

a.reverse();                              //  =>a的值變為[3,2,1]

Array.sort()方法將陣列中的元素排序並返回排序後的陣列:

var a = [ 1, 3, null, "test", undefined, <1 個空的儲存位置>, NaN ];

a.sort();                                    //  =>a的值變為[ 1, 3, NaN, null, "test", undefined, <1 個空的儲存位置> ];

Array.concat()方法建立並返回一個新陣列,陣列連線:

var a = [1,2,3];

a.concat(4,5);                          //  返回[1,2,3,4,5];

a.concat([4,5]);                        //  返回[1,2,3,4,5];

a.concta([4,5],[6,7]);                //  返回[1,2,3,4,5,6,7]

Array.slice(start,end)方法返回指定陣列的一個片段或子陣列:

var a = [1,2,3,4,5];

a.slice(0,3);                             //  返回[1,2,3];

a.slice(3);                                //  返回[4,5];

a.slice(1,-1);                            //  返回[2,3,4];

Array.splice()方法是在陣列中插入或者刪除元素的通用方法

var a = [1,2,3,4,5,6,7,8];

a.splice(4);                              //  返回[5,6,7,8]; a是[1,2,3,4];

a.splice(1,2);                           //  返回[2,3];a是[1,4];

另外,splice()前兩個引數指定要刪除的陣列元素,緊隨其後的人一個引數指定需要插入到陣列中的元素:

var a = [1,2,3,4,5];

a.splice(2,2,[1,2],3);                //  返回[3,4];a是[1,2,[1,2],3,5];

push()和pop(),push()方法在陣列的尾部新增一個或者多個元素,並返回陣列新的長度,pop()方法則相反:它刪除陣列的最後一個元素,減少陣列長度並返回他刪除的值。注意:兩個方法嗾使修改並替換原始陣列而非生成一個修改版的新陣列。

unshift()和shift()方法的行為和push()和pop()類似,不一樣的是前者是在陣列的頭部而非尾部進行元素的插入和刪除操作。其中unshift()是插入並返回長度,shift()是刪除並將其返回。

toString()和toLocalString():

toString()針對陣列,將陣列每個每個元素轉換為字串,並且輸出用逗號分隔的字串列表,這裡與不使用任何引數呼叫join()方法返回的字串是一樣的。

toLocalString()是toString()方法的本地化版本,呼叫元素的toLocalString()方法將每個陣列元素轉化為字串,並使用本地化分隔符將這些字串連線生成最終的字串。



相關推薦

JavaScript 陣列方法總結

內建方法Array from 將其他遍歷物件轉換為陣列 isArray判斷是否陣列 of建立陣列 原型方法Arrayprot

JavaScript陣列方法陣列檢測方法

方法總覽 concat 連線兩個或者更多陣列,並返回結果 var array = [1,3,4]; var array2 = [2, 4, 6]; array.concat(array2); //

JavaScript陣列方法總結

一.建立陣列的方式 1.使用Array建構函式 var color=new Array();     注意:括號裡面引數可以有引數,若為一個數字,表示該陣列的長度,如果為多個數字或者一個(多個)非數字表示的是傳遞陣列中應該包含的值。 2.使用陣列字面量 var co

JavaScript 陣列方法集合及示例!

陣列基礎知識 你應該知道陣列是什麼,但以下是一個簡單的概述:陣列就像放東西的盒子,你可以放進東西(新增),拿出東西(刪除)或者擺放它們的位置及拿出我們想要的東西。 陣列的建立 以下是建立陣列的幾種方式: 陣列的新增和刪除 常用的方法 對常見場景的概述以及用於每個場

javascript陣列方法

一.陣列物件作用:使用單獨的變數名來儲存一系列的值。JavaScript中建立陣列有兩種方式(一)使用 Array 建構函式:var arr1 = new Array(); //建立一個空陣列var arr2 = new Array(20); // 建立一個包含20項的陣列v

JavaScript陣列方法綜合應用案例

業務背景: 專案上有一個價格庫的概念,對應於某個地區的某個時間段。即:在某年的某個季度或者月份,專案公司會對各個地區建立該地區的人工、材料、機械的價格庫。 呈現檢視如下: 資料庫設計 對於上面的業務,由於地區和價格期數是作為字典維護的,有獨立的前端模

JavaScript陣列方法總結篇

方法在陣列的尾部新增一個或多個元素,並返回陣列的長度 引數: item1, item2, …, itemX ,要新增到陣列末尾的元素 let arr = [1,2,3]; let length = arr.push('末尾1','末尾2'); // 返回陣列長度 con

JavaScript 陣列方法

ECMAScript 3在Array.prototype中定義了一些很有用的運算元組的函式: Array.join()方法將陣列中所有元素轉化為字串並連線在一起: var a = [1,2,3];                           // 建立一個包含三個

JavaScript 陣列方法大全

陣列在筆試題中出現的概率最高的型別之一,JavaScript中的陣列與其他語言中的陣列有些區別,為了方便以後檢視陣列的方法,現將對陣列的操作方法進行彙總整理。 陣列建立 JavaScript中建立陣列有兩種方式,第一種是使用 Array 建構函式:

JavaScript陣列方法詳解

JavaScript陣列方法詳解 JavaScript中陣列的方法種類眾多,在ES3-ES7不同版本時期都有新方法;並且陣列的方法還有原型方法和從object繼承的方法,這裡我們只介紹陣列在每個版本中原型上的方法,本文舉例介紹了從ES3到ES7幾乎所有的陣列方法。這大概是最全的陣列方法詳解了。希望讀者能從中有

JavaScript 陣列常用方法

有一天被問到了一個題,感覺很有意思,如下: new Array(6) new Array(6, 6) //上訴兩行程式碼,分別建立了什麼? 檢測陣列 var arr = []; arr instanceof Array Array.isArray(a

javascript 陣列 常用方法

 前言    學學忘忘  閒來做個筆記 整理下陣列常用方法。    Array 陣列常用方法    建立陣列的基本方式有兩種       1.第一種是使用Array建構函式,  var arr = new Array()

javascript常用陣列方法

1、join()方法:  Array.join()方法將陣列中所以元素都轉化為字串連結在一起,返回最後生成的字串。也可以指定可選的字串在生成的字串中來分隔陣列的各個元素。如果不指定分隔符,預設使用逗號。案例如下: ? 1 2 3 4 va

JavaScript陣列常用方法2

1.forEach()方法列出每個元素 <button onclick="numbers.forEach(myFunction)">點我</button> <p id="demo"></p> <script> demoP = do

JavaScript陣列去重的四種方法

今天,剛剛參加了公司的筆試,關於陣列去重,後來簡單總結了幾種方法,希共勉,為我打call....... es5四種方式: 方式一: Array.prototype.unique1 = function() { // 1. 定義陣列 var temp = []; // 2. 遍歷當前陣列 f

JavaScript陣列去重12中方法

陣列去重,一般都是在面試的時候才會碰到,一般是要求手寫陣列去重方法的程式碼。如果是被提問到,陣列去重的方法有哪些?你能答出其中的10種,面試官很有可能對你刮目相看。 在真實的專案中碰到的陣列去重,一般都是後臺去處理,很少讓前端處理陣列去重。雖然日常專案用到的概率比較低,但還是需要了解一下,以防面

JavaScript陣列求和高效率方法

求陣列中n個元素和的方法 傳統方法: var sum = 0; for( var i = 0 ; i < arr.length ; i++) sum += arr[ i ]; 這種方法在陣列元素較少的時候比較實用,但當元素很多時,效率就不是很高。 高效率的方法

JavaScript陣列的迭代方法

JavaScript陣列的迭代方法 every():對陣列中的每一項執行給定函式,如果該函式對每一項都返回 true,則返回 true some():對陣列中的每一項執行給定函式,如果該函式對任一項返回 true,則返回 true filter():對陣列中的每一項執

javascript 陣列遍歷方法對比

for方法 for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]); } 優缺點: 這種寫法比較麻煩 forEach方法 myArray.forEach(function (val

JavaScript陣列去重(12種方法

陣列去重,一般都是在面試的時候才會碰到,一般是要求手寫陣列去重方法的程式碼。如果是被提問到,陣列去重的方法有哪些?你能答出其中的10種,面試官很有可能對你刮目相看。 在真實的專案中碰到的陣列去重,一般都是後臺去處理,很少讓前端處理陣列去重。雖然日常專案用到的概率比較低,但還是需要了解一下,以防面試的