join（） indexof() split() concat()

墨蓝 2021-12-17 18:17 379阅读 0赞

## **1.**  join() 方法用于把数组中的所有元素转换一个字符串。 ##

## 元素是通过指定的分隔符进行分隔的。 ##

## 参数值 ##

<table> 
 <tbody> 
  <tr> 
   <th>参数</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td><em>separator</em></td> 
   <td>可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。</td> 
  </tr> 
 </tbody> 
</table>

## 返回值 ##

<table> 
 <tbody> 
  <tr> 
   <th>类型</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td>String</td> 
   <td>返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串，然后把这些字符串连接起来，在两个元素之间插入 separator 字符串而生成的。</td> 
  </tr> 
 </tbody> 
</table>

## 实例 ##

使用不同的分隔符：

var fruits = \["Banana", "Orange", "Apple", "Mango"\];  
var energy = fruits.join(" and ");

*energy* 结果输出：

Banana and Orange and Apple and Mango

##    2. ##

## 定义和用法 ##

indexOf() 方法可返回数组中某个指定的元素位置。

该方法将从头到尾地检索数组，看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头（没有指定 start 参数时）。如果找到一个 item，则返回 item 的第一次出现的位置。开始位置的索引为 0。

如果在数组中没找到指定元素则返回 -1。

**提示**如果你想查找字符串最后出现的位置，请使用 [lastIndexOf() 方法][lastIndexOf_]。

--------------------

##  ##

--------------------

## 语法 ##

*array*.indexOf(*item*,*start*)

## 参数值 ##

<table> 
 <tbody> 
  <tr> 
   <th>参数</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td><em>item</em></td> 
   <td>必须。查找的元素。</td> 
  </tr> 
  <tr> 
   <td><em>start</em></td> 
   <td>可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。</td> 
  </tr> 
 </tbody> 
</table>

## 返回值 ##

<table> 
 <tbody> 
  <tr> 
   <th>类型</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td>Number</td> 
   <td>元素在数组中的位置，如果没有搜索到则返回 -1。</td> 
  </tr> 
 </tbody> 
</table>

##     ##

## 实例 ##

查找数组中 "Apple" 的元素, 在数组的第四个位置开始检索：

var fruits=\["Banana","Orange","Apple","Mango","Banana","Orange","Apple"\];  
var a = fruits.indexOf("Apple",4);

*a* 结果输出：

## 实例 ##

在本例中，我们将在 "Hello world!" 字符串内进行不同的检索：

以上代码的输出：

0
    -1
    6

[尝试一下 »][Link 1]

## 3.定义和用法 ##

split() 方法用于把一个字符串分割成字符串数组。

**提示：** 如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。

**注意：** split() 方法不改变原始字符串。

##  ##

## 语法 ##

*string*.split(*separator*,*limit*)

## 参数值 ##

<table> 
 <tbody> 
  <tr> 
   <th>参数</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td><em>separator</em></td> 
   <td>可选。字符串或正则表达式，从该参数指定的地方分割 string Object。</td> 
  </tr> 
  <tr> 
   <td><em>limit</em></td> 
   <td>可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。</td> 
  </tr> 
 </tbody> 
</table>

## 返回值 ##

<table> 
 <tbody> 
  <tr> 
   <th>类型</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td>Array</td> 
   <td>一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 string Object 分割成子串创建的。返回的数组中的字串不包括 separator 自身。</td> 
  </tr> 
 </tbody> 
</table>

##  ##

## 实例 ##

省略分割参数：

var str="How are you doing today?";  
var n=str.split();

*n* 输出数组值得结果:

How are you doing today?

[尝试一下 »][Link 2]

## 实例 ##

分割每个字符，包括空格:

var str="How are you doing today?";  
var n=str.split("");

*n* 输出数组值得结果:

H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?

[尝试一下 »][Link 3]

## 实例 ##

使用 limit 参数:

var str="How are you doing today?";  
var n=str.split(" ",3);

*n* 将输出3个数组的值:

How,are,you

[尝试一下 »][Link 4]

## 实例 ##

使用一个字符作为分隔符:

var str="How are you doing today?";  
var n=str.split("o");

*n* 输出数组值得结果:

H,w are y,u d,ing t,day?

[尝试一下 »][Link 5]

# 4.JavaScript concat() 方法 #

## 实例 ##

连接两个字符串:

var str1 = "Hello ";  
var str2 = "world!";  
var n = str1.concat(str2);

*n* 输出结果:

Hello world!

[尝试一下 »][Link 6]

--------------------

## 定义和用法 ##

concat() 方法用于连接两个或多个字符串。

该方法没有改变原有字符串，但是会返回连接两个或多个字符串新字符串。

--------------------

##  ##

## 语法 ##

*string*.concat(*string1*, *string2*, ..., *stringX*)

## 参数值 ##

<table> 
 <tbody> 
  <tr> 
   <th>参数</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td><em>string1</em>,&nbsp;<em>string2</em>, ...,&nbsp;<em>stringX</em></td> 
   <td>必需。将被连接为一个字符串的一个或多个字符串对象。</td> 
  </tr> 
 </tbody> 
</table>

## 返回值 ##

<table> 
 <tbody> 
  <tr> 
   <th>类型</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td>String</td> 
   <td>两个或多个字符串连接后生成的新字符串。</td> 
  </tr> 
 </tbody> 
</table>

## 技术细节 ##

<table> 
 <tbody> 
  <tr> 
   <th>JavaScript 版本：</th> 
   <td>1.2</td> 
  </tr> 
 </tbody> 
</table>

实例 2

连接3个字符串:

var str1="Hello ";  
var str2="world!";  
var str3=" Have a nice day!";  
var n = str1.concat(str2,str3);

*n* 输出结果:

Hello world! Have a nice day!

[尝试一下 »][Link 7]

[lastIndexOf_]: https://www.runoob.com/jsref/jsref-lastindexof-array.html
[Link 1]: https://www.runoob.com/try/try.php?filename=tryjsref_indexof_array2
[Link 2]: https://www.runoob.com/try/try.php?filename=tryjsref_split2
[Link 3]: https://www.runoob.com/try/try.php?filename=tryjsref_split3
[Link 4]: https://www.runoob.com/try/try.php?filename=tryjsref_split4
[Link 5]: https://www.runoob.com/try/try.php?filename=tryjsref_split5
[Link 6]: https://www.runoob.com/try/try.php?filename=tryjsref_concat_string
[Link 7]: https://www.runoob.com/try/try.php?filename=tryjsref_concat_string2