Home > Article > Web Front-end > Detailed graphic explanation of how to convert strings to arrays in JavaScript

Detailed graphic explanation of how to convert strings to arrays in JavaScript

yuliaOriginal: 2018-10-11 14:31:538118browse

JavaScript is often used in front-end development, so do you know how to convert a JS string into an array? This article will tell you about the JS method of converting strings into arrays. Friends who are interested can refer to it. I hope it can help you.

A previous article has told you how to convert an array into a string. If you need it, you can take a look, and then go straight to the topic.

The split() method in JavaScript can convert a string into an array, and all major browsers support the split() method.

Syntax: string.split(separator,limit)
separator indicates where to start splitting the string object and is an optional value.
limit indicates the maximum length that the array can return and is an optional value. If this parameter is not set, the entire string will be split without limiting its length.

Example 1: Use the split(" ") method to convert the string "what kind of guys do you like" into an array. The code is as follows:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>
  <button onclick="myFunction()">点我</button>
 </body>
 <script type="text/javascript">
  function myFunction(){
   var str="what kind of guys do you like";
   var n=str.split(" ");
   document.write("数组是"+n+"数组长度："+n.length);
  }
 </script>
</html>

Rendering:

Detailed graphic explanation of how to convert strings to arrays in JavaScript

Example 2: Use split("") method to split each character, including spaces, the code is as follows:

<script type="text/javascript">
  function myFunction(){
   var str="what kind of guys do you like";
   var n=str.split("");
   document.write("数组是"+n+"数组长度："+n.length);
  }
 </script>

Effect Picture:

Detailed graphic explanation of how to convert strings to arrays in JavaScript

Example 3: Remove the middle separator from the string str="a|b|c|d|e|f|g" symbol and converted into an array, the code is as follows:

<script type="text/javascript">
  function myFunction(){
   var str="a|b|c|d|e|f|g";
   var n=str.split("|");
   document.write("数组是"+n+"数组长度："+n.length);
  }
 </script>

Rendering:

Detailed graphic explanation of how to convert strings to arrays in JavaScript

The above mainly introduces the string in JavaScript The method of converting to an array is relatively simple. Newbies can try it by themselves. I hope this article can help you! For more related tutorials, please visit JavaScript Video Tutorial

The above is the detailed content of Detailed graphic explanation of how to convert strings to arrays in JavaScript. For more information, please follow other related articles on the PHP Chinese website!

JavaScript String 字符串 JS 对象 kind

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Analysis and implementation of virtual dom principle processNext article：Analysis and implementation of virtual dom principle process

See more

Detailed graphic explanation of how to convert strings to arrays in JavaScript

Related articles