1. 程式人生 > >jQuery join 與 split的區別 以及 地圖用法

jQuery join 與 split的區別 以及 地圖用法

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(", ") );

結果: