jQuery中的Join()是什么？

Question

Join()是什么？以jquery为例：

var newText = $("p").text().split(" ").join("</span> <span>"); 

- mSafdel

Answer 1

这不是jQuery函数——它是常规的Array.join函数。

它将一个数组转换为一个字符串，并在每个元素之间放置传入的参数。

- Greg

Answer 2

你可能会像这样使用你的示例

var newText = "<span>" + $("p").text().split(" ").join("</span> <span>") + "</span>";

这将在你段落中的每个单词周围放置 span 标签，从而使它们变成：

<p>Test is a demo.</p>

进入

<p><span>Test</span> <span>is</span> <span>a</span> <span>demo.</span></p>

我不知道这个的实际用途。

- Jan Aagaard

---

您可以淡入每个单词...或应用其他效果。 - BerggreenDK

Answer 3

这个结构的实际用途是什么？它是字符串上的javascript replaceAll()函数。

var s = 'stackoverflow_is_cool';  
s = s.split('_').join(' ');  
console.log(s);

将输出:

stackoverflow is cool

- Del Pedro

---

“但是如果这样做的话会更容易一些”，意思是将'stackoverflow_is_cool'字符串中所有的下划线替换为空格，可以使用'stackoverflow_is_cool'.replace(/_/g," ")代码实现。 - azerafati

Answer 4

join()不是jQuery函数，而是JavaScript函数。

join()方法将数组的元素连接成一个字符串，并返回该字符串。元素将由指定的分隔符分隔。默认分隔符为逗号（，）。

http://www.w3schools.com/jsref/jsref_join.asp

- Chandan Gorapalli

Answer 5

我使用join函数将数组中的单词用"and, or , / , &"分隔开。

示例

HTML

<p>London Mexico Canada</p>
<div></div>

JS

 newText = $("p").text().split(" ").join(" or ");
 $('div').text(newText);

结果

London or Mexico or Canada

- Prince Sodhi

Answer 6

一个使用jQuery的实际例子可能是：

 var today = new Date();
 $('#'+[today.getMonth()+1, today.getDate(), today.getFullYear()].join("_")).whatever();

我在使用的日历工具中执行此操作，这样在页面加载时，我可以针对今天的日期执行某些操作。

- taelor