jQuery合併兩個陣列程式碼例項

antzone發表於2017-03-29
jQuery陣列

本章節介紹一下如何將兩個陣列合並，使用原生的肯定是能夠實現，這是毫無疑問。

但是還是jQuery來的方便，程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(function(){
  $("#bt").click(function(){
    var one=["螞蟻部落","softwhy.com"];
    var two=[3,"青島市南區"];
    $.merge(one,two);
    $("#show").text(one);
  })
});
</script>
</head>
<body>
<div id="show">此處顯示合併效果</div>
<input type="button" id="bt" value="檢視效果"/>
</body>
</html>

上面的程式碼可以使用$.merge()方法實現合併效果，是將第二個陣列的內容合併到第一個陣列，並返回第一個陣列。

$.merge()方法可以參閱jQuery.merge()一章節。

相關文章