1.利用數組在列表中顯示名字
(1)縱向顯示
如:<script type="text/javascript>
$(document).ready(function(){
var member = ["John","Kate","Peter"];
$('p').html(member.join('<br />'));
}
</script>
（2）顯示名字及其在數組中所在位置
如:<script type="text/javascript>
$(document).ready(function(){
var member = ["John","Kate","Peter"];
$.each(member,function(n,value){
$('ol').append($('<li>'+value+'</li>'));
});
});
</script>
(3)
利用Html
元素創建數組及計數數組的長度
$(document).ready(function(){
Var names=$(‘li’).get(); //創建數組
$(‘p’).text(names.length); //計數數組長度
});
2.操作數組數據(轉換成大寫)
$(document).ready(function(){
var member=["zhangsan","BoLaiTe"];
var member=$.map(member,function(n,i){ //member可以變為其他數組名
return (i+1+"."+n.toUpperCase());
});
});
注:$.each()和$.map()都是迭代數組中的每個元素，并調用回調函數對每個元素做操作。后者還能返回一個數組元素。
3.篩選數組元素
(1)使用grep
$(document).ready(function(){
member=["Dev","Tom"];
member=$.grep(member,function(v){return v.length>3});
});
(2)使用match
member=["Dev","Tom"];
member=$.grep(member,function(v){return v.match(/^[A-D]/)});
4.字符串數組，數值數組排序
（1）字符串數組排序
var member=["dev","Tom"]
member=member.sort();
(2) 數值數組排序
var memer=[12,34,13,53];
member=member.sort(function(a,b){
return a-b;
});
(3)對象數組排序
<script type="text/javascript" src="rs/js/jquery.js"></script>
<script type="text/javascript">
<!--
$(
function()
{
var students =[
{'sid':'ST001','sname':'張三','sage':18},
{'sid':'ST004','sname':'趙六','sage':23},
{'sid':'ST002','sname':'李四','sage':42},
{'sid':'ST003','sname':'王五','sage':35}
];
//表格顯示
$.each(students,
function(index, value)
{
$('#ia').append('<tr><td>' + value.sid +
'</td><td>' + value.sname +
'</td><td>' + value.sage + '</td></tr>');
}
);
//按照SID排序
var sidOrder = students.sort(
function(a, b)
{
if(a.sid < b.sid) return -1;
if(a.sid > b.sid) return 1;
return 0;
}
);
$.each(sidOrder,
function(index, value)
{
$('#ib').append('<tr><td>' + value.sid +
'</td><td>' + value.sname +
'</td><td>' + value.sage + '</td></tr>')
}
);
//按照SAGE排序
var sageOrder = students.sort(
function(a, b)
{
return (a.sage - b.sage);
}
);
$.each(sageOrder,
function(index, value)
{
$('#ic').append('<tr><td>' + value.sid +
'</td><td>' + value.sname +
'</td><td>' + value.sage + '</td></tr>')
}
);
}
);
//-->
</script>
注：上述來源于：http://mmz06.blog.163.com/blog/static/12141696201102935021258/
5.拆分數組
var member=[20,40,21,302,21];
var memSecond=member.splice(1,2);
得到 member=[20,302,21];
memSecond=[40,21];
6.合并數組
var mem1=[1,2];
var mem2=[3,4];
var mem=mem1.concat(mem2);