jquery數組處理

最後更新：2018-12-07 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

</script>

var $ = 'Hi!';

jQuery(function(){

alert('$ = '+ $);//這裡的 $ 為 Hi!,把它變回jquery的符號:jQuery(function($){}/這樣就可以了

//alert(jQuery)

});

jQuery(function($){

//------------遍曆數組 .each的使用-------------

var anArray = ['one','two','three'];

$.each(anArray,function(n,value) {

//do something here

//alert(n+' '+value);

});

var anObject = {one:1, two:2, three:3};

$.each(anObject,function(name,value) {

//do something here

//alert(name+' '+value);

});

//-----------過濾數組 .grep的使用------------

var originalArray =[99,101,103];

/*//第一種寫法

var bigNumbers = $.grep(originalArray,function(value) {

return value > 100;

});

var bigNumbers = $.grep(originalArray,'a>100');//第2種寫法,還可以用Regex來過濾

$.each(bigNumbers,function(n,value) {

//do something here

//alert(n+' '+value);

});

//------------轉換數組 .map的使用------------

var strings = ['1','2','3','4','S','K','6'];

var values = $.map(strings,function(value){

var result = new Number(value);

return isNaN(result) ? null : result;//如果result不是數字則返回null（返回null在這裡相當於不返回）

});

$.each(values,function(n,value) {

//do something here

//alert(value);

});

var characters = $.map(

['this','that','other thing'],

function(value){return value.split('');}//分離字串用返回給characters

);

//alert(characters.length);

//------------.inArray(value,array)的使用------------返回value在array下標的位置，如果value不在array中則返回

-1

var index = $.inArray(2,[1,2,3,4,5]);

//alert(index);

//------------makeArray(obj)的使用------------將類數組對象轉換為數組對象。

var arr = jQuery.makeArray(document.getElementsByTagName("div"));

//arr.reverse(); // 使用數組翻轉函數

$.each(arr,function(n,value) {

//do something here

//alert(n+' '+value);

//alert(value.html());

});

var arr2 =$.unique(document.getElementsByTagName("div")); //獲得唯一的對象，看API,說得很模

糊,http://docs.jquery.com/Utilities/jQuery.unique

alert();

$.each(arr2,function(n,value) {

//do something here

alert(n+' '+value);

});

</script>

</head>

<body>

<div>First</div><div>Second</div><div>Third</div><div>Fourth</div><div>Fourth</div>

</body>

</html>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

jquery數組處理

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support