DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript數組對象常用api函數小結(連接,插入,刪除,反轉,排序等)
javascript數組對象常用api函數小結(連接,插入,刪除,反轉,排序等)
編輯:關於JavaScript     

本文實例講述了javascript數組對象常用api函數。分享給大家供大家參考,具體如下:

1. concat()

連接兩個或多個數組,並返回結果

var a = [1,2,3];
var b = a.concat(6,7);
console.log(a); //[1,2,3]
console.log(b); //[1,2,3,6,7]

2. join(str)

把數組的所有元素用str分隔,默認逗號分隔

var a = [1,2,3]
var b = a.join('|');
console.log(a); //[1,2,3]
console.log(b); //"1|2|3"

3. pop()

刪除並返回數組的最後一個元素的值

var a = [1,2,3];
var b = a.pop();
console.log(a); //[1,2]
console.log(b); //3

4. push()

向數組的末尾添加一個或更多元素,並返回新的數組長度

var a = [1,2,3];
var b = a.push('4','5');
console.log(a); //[1,2,3,4,5]
console.log(b); //5

5. reverse()

反轉數組中元素的順序

var a = [1,2,3,4,5];
var b = a.reverse();
console.log(a); //[5,4,3,2,1]
console.log(b); //[5,4,3,2,1]

6. shift()

刪除並返回數組的第一個元素

var a = [1,2,3];
var b = a.shift();
console.log(a); //[2,3]
console.log(b); //1

7. slice(start,end)

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

var a = [1,2,3,4,5];
var b = a.slice(0,-1);
var c = a.slice(1,3);
var d = a.slice(1);
var e = a.slice(2,-2);
var f = a.slice(3,1);
console.log(a); //[1,2,3,4,5]
console.log(b); //[1,2,3,4]
console.log(c); //[2,3]
console.log(d); //[2,3,4,5]
console.log(e); //[3]
console.log(f); //[]

8. sort(func)

按指定的參數對數組排序

注:func 必須返回一個值。

負值,第一個參數比第二個參數小,排在前面。

零,相等。

正值,第一個參數比第二個參數大,排在後面。

var a = [1,2,10,3];
var b = a.sort();
console.log(a); //[1,10,2,3]
console.log(b); //[1,10,2,3]
var num = function(x,y) {
  return x - y;
}
var c = a.sort(num);
console.log(a); //[1,2,3,10]
console.log(c); //[1,2,3,10]

9. splice(start,deleteCount,val1,val2,···)

從一個數組中移除一個或多個元素,並在該位置插入新元素,返回所移除的元素

var a = [1,2,3,4,5];
var b = a.splice(2,2,7,8);
console.log(a); //[1,2,7,8,5]
console.log(b); //[3,4]

10. unshift(val1,val2,···)

將指定元素插入數組開始位置,並返回新的長度

var a = [1,2,3];
var b = a.unshift(-2,-1);
console.log(a); //[-2,-1,1,2,3]
console.log(b); //5

11. toString()

將數組的元素轉換為字符串,並用逗號分隔,且連接起來

var a = [1,2,3,4,5];
var b = a.toString();
console.log(a); //[1,2,3,4,5]
console.log(b); //"1,2,3,4,5"

更多關於JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript數組操作技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript數學運算用法總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》及《JavaScript錯誤與調試技巧總結》

希望本文所述對大家JavaScript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved