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 arr=['softwhy.com','5', '18','16','antzone','8'];
    var newArray=$.map(arr,function(value){
      var result=new Number(value);
      return isNaN(result)?null:result;
    })
    $("#show").text(newArray);
  })
});
</script>
</head>
<body>
<div id="show">此處顯示轉換結果</div>
<input type="button" id="bt" value="檢視效果"/>
</body>
</html>

上面的程式碼可以判斷原來陣列中的元素是否可以轉換為子，如果能就存入新陣列。

相關閱讀:

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

2.Number()函式可以參閱javascript Number()一章節。

3.isNaN()函式可以參閱javascript isNaN()一章節。  

相關文章