jQuery join 與 split的差別 以及 map用法

1.join 與 split 的差別

join() 方法用于把數組中的所有元素放入一個字元串。

元素是通過指定的分隔符進行分隔的。

指定分隔符方法join("#");其中#可以是任意

與之相反的是split()方法：用于把一個字元串分割成字元串數組.

stringObject.split(a,b)這是它的文法

2.map(callback)  方法對于獲得或設定元素集的值特别有用

概述

将一組元素轉換成其他數組（不論是否是元素數組）  你可以用這個函數來建立一個清單，不論是值、屬性還是CSS樣式，或者其他特别形式。這都可以用'$.map()'來友善的建立。

參數

callback

給每個元素執行的函數

示例 描述:

把form中的每個input元素的值建立一個清單。

HTML 代碼:

<p><b>Values: </b></p>
<form>
  <input type="text" name="name" value="John"/>
  <input type="text" name="password" value="password"/>
  <input type="text" name="url" value="http://ejohn.org/"/>
</form>
           

jQuery 代碼:  由于傳回值是 jQuery 封裝的數組，使用 get() 來處理傳回的對象以得到基礎的數組

$("p").append( $("input").map(function(){
  return $(this).val();
}).get().join(", ") );
           

結果:

[ <p>John, password, http://ejohn.org/</p> ]