2. 程式人生 > >Javascript 陣列的基本方法

Javascript 陣列的基本方法

阿新 • • 發佈：2018-12-04

一、concat() 方法用於連線兩個或多個數組

該方法不會改變現有的陣列，而僅僅會返回被連線陣列的一個副本

var a = [1,2,3];
document.write(a.concat(4,5));
輸出：1,2,3,4,5
二、join() 方法用於把陣列中的所有元素放入一個字串

元素是通過指定的分隔符進行分隔的

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr.join());
輸出：George,John,Thomas

 
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr.join("."))
輸出：George.John.Thomas
三、 pop() 方法用於刪除並返回陣列的最後一個元素 

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr)

document.write("<br />")

document.write(arr.pop())

document.write("<br />")

document.write(arr)

 
輸出:George,John,Thomas
四、push() 方法可向陣列的末尾新增一個或多個元素，並返回新的長度。 

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.push("James") + "<br />")
document.write(arr)
輸出:George,John,Thomas
    :4
    :George,John,Thomas,James
五、 reverse() 方法用於顛倒陣列中元素的順序。 
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.reverse())
輸出:George,John,Thomas
     :Thomas,John,George
六、 shift() 方法用於把陣列的第一個元素從其中刪除，並返回第一個元素的值 
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.shift() + "<br />")
document.write(arr)
輸出:George,John,Thomas
    :George
    :John,Thomas
七、 slice(start,end) 方法可從已有的陣列中返回選定的元素

 start必需。規定從何處開始選取。如果是負數，那麼它規定從陣列尾部開始算起的位置。也就是說，-1 指最後一個元素，-2 指倒數第二個元素，以此類推。

 end可選。規定從何處結束選取。該引數是陣列片斷結束處的陣列下標。如果沒有指定該引數，那麼切分的陣列包含從 start 到陣列結束的所有元素。如果這個引數是負數， 那麼它規定的是從陣列尾部開始算起的元素。

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.slice(1) + "<br />")
document.write(arr)
輸出：George,John,Thomas
：John,Thomas
：George,John,Thomas
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
document.write(arr.slice(2,4) + "<br />")
document.write(arr)
輸出：George,John,Thomas,James,Adrew,Martin
：Thomas,James
：George,John,Thomas,James,Adrew,Martin
八、 sort() 方法用於對陣列的元素進行排序 
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
document.write(arr.sort())
輸出：George,John,Thomas,James,Adrew,Martin
：Adrew,George,James,John,Martin,Thomas
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"

document.write(arr + "<br />")
document.write(arr.sort())
輸出：10,5,40,25,1000,1
：1,10,1000,25,40,5
function sortNumber(a,b)
{
return a - b
}


var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"


document.write(arr + "<br />")
document.write(arr.sort(sortNumber))

輸出：10,5,40,25,1000,1
：1,5,10,25,40,1000
九、 splice() 方法向/從陣列中新增/刪除專案，然後返回被刪除的專案，會改變原始陣列。

 index必需。整數，規定新增/刪除專案的位置，使用負數可從陣列結尾處規定位置。
 howmany必需。要刪除的專案數量。如果設定為 0，則不會刪除專案。
 item1, ..., itemX可選。向陣列新增的新專案。

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
arr.splice(2,0,"William")
document.write(arr + "<br />")
輸出：George,John,Thomas,James,Adrew,Martin
：George,John,William,Thomas,James,Adrew,Martin
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"


document.write(arr + "<br />")
arr.splice(2,1,"William")
document.write(arr)

輸出：George,John,Thomas,James,Adrew,Martin
：George,John,William,James,Adrew,Martin
arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
arr.splice(2,3,"William")
document.write(arr)
輸出：George,John,Thomas,James,Adrew,Martin
   ：George,John,William,Martin


十、toSource() 方法表示物件的原始碼。

該原始值由 Array 物件派生的所有物件繼承。

toSource() 方法通常由 JavaScript 在後臺自動呼叫，並不顯式地出現在程式碼中

function employee(name,job,born)
{
this.name=name;
this.job=job;
this.born=born;
}

var bill=new employee("Bill Gates","Engineer",1985);

document.write(bill.toSource());
輸出：({name:"Bill Gates", job:"Engineer", born:1985}) 

十一、toString() 方法可把陣列轉換為字串，並返回結果。

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr.toString())

輸出：George,John,Thomas
十二、toLocaleString()把陣列轉換為本地字串 

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr.toLocaleString())
輸出：George, John, Thomas
十三、 unshift() 方法可向陣列的開頭新增一個或更多元素，並返回新的長度。

  newelement1必需 向陣列新增的第一個元素。
  newelement2可選 向陣列新增的第二個元素。
  newelementX可選 可新增若干個元素。


var arr = new Array()
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.unshift("William") + "<br />")
document.write(arr)
輸出：George,John,Thomas
    ：4
    ：William,George,John,Thomas
十四、 valueOf() 方法返回 Array 物件的原始值。

  該原始值由 Array 物件派生的所有物件繼承。

  valueOf() 方法通常由 JavaScript 在後臺自動呼叫，並不顯式地出現在程式碼中。











相關推薦

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陣列常用方法2

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

JavaScript 字串基本方法

一、anchor() 方法用於建立 HTML 錨 var txt="Hello world!" document.write(txt.anchor("myanchor")) 輸出：<a name="myanchor">Hello world!</a> 二、

JavaScript陣列常用方法集合

1.陣列的定義 陣列（array）是按次序排列的一組值。每個值的位置都有編號（從0開始），整個陣列用方括號表示 var arr = ['a', 'b', 'c']; 2.建立陣列的三種方法   // 常規方式     va

Python --- Numpy 建立n維陣列基本方法

Python Numpy 建立n維陣列基本方法 程式設計環境 Python3.7 + Pycharm <class ‘numpy.ndarray’> 通過 mat() / array()相互轉換 <class ‘numpy.ndarr

JavaScript陣列常用方法

（1）棧操作（後進先出） push( )     在陣列末尾插入值，返回值是陣列長度。 pop()        從陣列末尾開始刪除值，返回的是刪除的這個值 （2）佇列操作（先進先出） shift( )   刪除陣列的第一個值，返回值是被刪除的這個值 undhift( )  在陣列的最開頭插入值，返回值

JavaScript陣列常用方法歸納

不做完整的介紹，只介紹自己用的比較多的陣列方法，ES3、ES5、ES6都有涉及。 ES3中常用: join:將陣列的所有元素都轉換成字串並拼接在一起，返回最後生成的字串。預設使用逗號。reverse:將陣列中的元素顛倒順序，返回逆序的陣列（不是新陣列）。 sort：傳遞比較函式，將陣

陣列基本方法

var list = [0,1,2] 1 shift()t:刪除陣列的第一個元素,返回刪除的值。這裡是0 2 unshift(3,4):把引數載入陣列的前面，返回陣列的長度。現在list:中是3,4,0,1,2 3pop():刪除陣列的最後一個元素，返回刪除的值。這裡是2. 4push(3):將引數載入到陣列

JavaScript的基本方法和範例

1: <script language=”JavaScript”> 2: <!-- 3: var myVariable = “Hello there”; 4: document.write(myVariable.big() + “<br>”); 5: document

JavaScript陣列常用方法彙總

javascript中的陣列與其他語言中的陣列有些不同，為了方便之後陣列的方法學習，整理了關於陣列的操作方法，一起看看吧。 JavaScript中建立陣列有兩種方式： 1.字面量形式宣告陣列 var arr = [1,2,3]; 2. new關鍵字例項化宣告資料 v

Javascript 陣列的基本方法

一、concat() 方法用於連線兩個或多個數組 該方法不會改變現有的陣列，而僅僅會返回被連線陣列的一個副本 var a = [1,2,3]; document.write(a.concat(4,5)); 輸出：1,2,3,4,5 二、join() 方法用於把陣列中的所有

JavaScript中陣列的基本方法詳解

說明：①在比較第一個引數與陣列中的每一項時，將使用===操作符，即要求查詢的項必須嚴格相等; ②相容性問題，支援的瀏覽器有：IE9 +，FireFox2 +，Chrome，Safari3。 ECMAScript 6為陣列增添的新方法：map()，reduce()，filter() ①map() 語法：arr.

JavaScript 建立陣列的方法和基本操作

陣列是我從學習程式設計以來打交道最多的一種資料型別，其實說白了，陣列無非就是key value對。還記得剛參加工作那會，一個php的foreach迴圈就差點搞得我吐血，現在回頭想想，當時自己真夠笨的。 陣列(a

javascript陣列的一些基本使用方法

一：陣列基本方法         （1）關於陣列型別的               Array.join():此方法是String.split()方法的逆向操作。是將陣列的所有元素轉化為一個字串，並返回這個字串。可以指定一個可選的字串來分隔陣列的各個元素。預設為逗號。   

JavaScript 陣列方法總結

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

javascript資料結構----關於陣列的方法總結

1.檢測陣列 對於一個網頁，或者一個全域性作用域而言，使用 instanceof 操作符就能到到滿意的結果： if (value instanceof Array){ //如果是陣列就執行某些操作 } instanceof 操作符的問題在於，他假定只有一個全域性執行環境。如果網頁中包含多

JS的陣列，string類的定義及基本方法

函式： 函式在呼叫的時候，會形成一個私有作用域，內部的變數不會被外面訪問，這種保護機制叫閉包。這就意味著函式呼叫完畢，這個函式形成的棧記憶體會被銷燬。 function fn(){ var a=12; a++; console.log(a) } fn()----13 fn()----13 fn()---

JavaScript常用陣列操作方法

陣列是用於儲存多個相同型別資料的集合，平時在資料的處理中用到最多，JavaScript 中常用的操作方法 1、concat()concat() 方法用於連線兩個或多個數組。該方法不會改變現有的陣列，僅會返回被連線陣列的一個副本。 var arr1 = [1,2,3]; var arr2 = [4,5

JavaScript常用陣列操作方法,包含ES6方法

一、concat() concat() 方法用於連線兩個或多個數組。該方法不會改變現有的陣列，僅會返回被連線陣列的一個副本。 ? 1