search
HomeWeb Front-endJS Tutorialjs implements conversion operations between strings and arrays

The example of this article introduces the mutual conversion method of strings and arrays in JavaScript, and shares it with everyone for your reference. The specific content is as follows
The mutual conversion operation of strings and arrays is very important, because in the actual encoding process It is often used in the Chinese Communist Party, so this is a knowledge point that must be mastered. Of course, this knowledge point is not difficult. Once you know it, you will know it forever. It is not something that requires sufficient practice to master. Let’s do a simple introduce.
1. Convert a string to an array
This operation will use the split() function, which can use the specified character as the separator to convert the string into an array. The example code is as follows:

var Str="abc-mng-zhang-mayi";
var newArray=Str.split("-");
console.log(newArray);

It can be seen from the output that the split() function has converted the string into an array.
2. Convert the array to a string
This operation can be achieved using the join() function of the Array object. This function can connect the elements in the array with specified characters and then return the resulting string.
The code is as follows:

var newArray=["abc","mng","zhang","mayi"];
var Str=newArray.join("-");
console.log(Str);

The above code realizes our requirements, using "-" to connect the array elements and generate a string.
The above two examples are all using the built-in functions. Of course, we can also write our own, which will be more flexible and know the basics.
3. Convert a custom string to an array

function StringToArray(str,substr)
{
 var arrTmp=new Array();
 if(substr=="")
 {
 arrTmp.push(str);
 return arrTmp;
 }
 var i=0,j=0,k=str.length;
 while(i<k)
 {
 j=str.indexOf(substr,i);
 if(j!=-1)
 {
  if(str.substring(i,j)!="")
  {
  arrTmp.push(str.substring(i,j));
  }
  i = j+1;
 }
 else
 {
  if(str.substring(i,k)!="")
  {
  arrTmp.push(str.substring(i,k));
  }
  i=k;
 }
 }
 return arrTmp;
}
var Str="abc-mng-zhang-mayi";
console.log(StringToArray(Str,"-"));
console.log(StringToArray(Str,"-").length);

The above code also implements the function of converting a string into an array. Here are some comments on the code:
Code comments:
1.function StringToArray(str,substr){}, this function is used for conversion, str is the string to be converted, and substr is the delimiter.
2. var arrTmp=new Array(), declares an array to store split string fragments.
3.if(substr=="") {arrTmp.push(str);return arrTmp;}, if the string delimiter is empty, then the entire string is put into the array.
4. var i=0,j=0,k=str.length; Declare three variables and assign initial values. The value of k is the number of characters in the string.
5.while(i6.j=str.indexOf(substr,i), used to detect the position of the separator in the string. If the indexOf() function has two parameters, the second parameter is to find the beginning of the specified character. Location, this code should be understood in conjunction with the following code.
7.if(j!=-1), if the searched separator exists.
8.if(str.substring(i,j)!=""){}, intercept the string from the starting search position to the first delimiter.
9.arrTmp.push(str.substring(i,j));, put the intercepted string into the array.
10.i=j+1; Set the starting position of the search to the next character of the separator.
11.else{}, if not found.
12.if(str.substring(i,k)!=""){arrTmp.push(str.substring(i,k));}, if the character after the last delimiter is not empty, then Just add it to the array.
13.i=k, set i to k, so the loop stops.
14.return arrTmp; Returns an array.
Related knowledge:
1. Definition and usage of push() method:
This method can append one or more new elements to the end of the specified array and return the length of the array.
Note: New elements are appended directly to the original array instead of creating a new array.
Click to see more properties and methods of the array.
Syntax structure:
arrayObject.push(element one,element two,....,element N)

Parameter list:
Parameter description
Parameter (one... N) Required. The new element to be appended.

Instance code:

var a = [1,2,3];
console.log(a.push("zhang","dao"));

2.Definition and usage of indexOf() method:
This method returns the first occurrence of the specified string in the string Location.
If the corresponding string is not retrieved, the return value is -1.
Note: This method is case sensitive.
Syntax structure:
stringObject.indexOf(substring,startindex)

Instance code:

var a=new String("abcdefg")
console.log(a.indexOf("b"));

b appears second in the string abcdefg. Output results: 1.

var a=new String("abcdefg")
console.log(a.indexOf("b"));

This method is case-sensitive, so there is no uppercase B in the string abcdefg. Output result: -1.

var a=new String("abcdefg")
console.log(a.indexOf("e",4));

The starting position of the search is 4, and the position where the string first appears is calculated from the beginning of the string. Output result: 4.

3.substring() function.

4. Convert custom array to string

function ArrayToString(arr,str)
{
 var strTmp="";
 for(var i=0;i<arr.length;i++)
 {
 if(arr[i]!="")
 {
  if(strTmp=="")
  {
  strTmp = arr[i];
  }
  else
  {
  strTmp=strTmp+str+arr[i];
  }
 }
 }
 return strTmp;
}
var newArray=["abc","mng","zhang","mayi"];
console.log(ArrayToString(newArray,"-"));

The above code meets our requirements and can convert the array into a string. Let’s comment on the code:
Code comments:
1.function ArrayToString(arr,str){}, the first parameter is the array, and the second parameter is the connection string.
2.var strTmp="", declares an empty string.
3.for(var i=0;i4.f(arr!=""){}If the array element is not empty.
5.if(strTmp=="") {strTmp=arr;}, if the string is also empty, then assign this element in the array to the string strTmp.
6.else{strTmp=strTmp+str+arr}, otherwise perform string concatenation.
7.return strTmp, return the converted string.

The above is the detailed code for converting between strings and arrays in js. I hope it will be helpful to everyone's learning.

For more articles related to js implementation of conversion operations between strings and arrays, please pay attention to the PHP Chinese website!

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
Python vs. JavaScript: A Comparative Analysis for DevelopersPython vs. JavaScript: A Comparative Analysis for DevelopersMay 09, 2025 am 12:22 AM

The main difference between Python and JavaScript is the type system and application scenarios. 1. Python uses dynamic types, suitable for scientific computing and data analysis. 2. JavaScript adopts weak types and is widely used in front-end and full-stack development. The two have their own advantages in asynchronous programming and performance optimization, and should be decided according to project requirements when choosing.

Python vs. JavaScript: Choosing the Right Tool for the JobPython vs. JavaScript: Choosing the Right Tool for the JobMay 08, 2025 am 12:10 AM

Whether to choose Python or JavaScript depends on the project type: 1) Choose Python for data science and automation tasks; 2) Choose JavaScript for front-end and full-stack development. Python is favored for its powerful library in data processing and automation, while JavaScript is indispensable for its advantages in web interaction and full-stack development.

Python and JavaScript: Understanding the Strengths of EachPython and JavaScript: Understanding the Strengths of EachMay 06, 2025 am 12:15 AM

Python and JavaScript each have their own advantages, and the choice depends on project needs and personal preferences. 1. Python is easy to learn, with concise syntax, suitable for data science and back-end development, but has a slow execution speed. 2. JavaScript is everywhere in front-end development and has strong asynchronous programming capabilities. Node.js makes it suitable for full-stack development, but the syntax may be complex and error-prone.

JavaScript's Core: Is It Built on C or C  ?JavaScript's Core: Is It Built on C or C ?May 05, 2025 am 12:07 AM

JavaScriptisnotbuiltonCorC ;it'saninterpretedlanguagethatrunsonenginesoftenwritteninC .1)JavaScriptwasdesignedasalightweight,interpretedlanguageforwebbrowsers.2)EnginesevolvedfromsimpleinterpreterstoJITcompilers,typicallyinC ,improvingperformance.

JavaScript Applications: From Front-End to Back-EndJavaScript Applications: From Front-End to Back-EndMay 04, 2025 am 12:12 AM

JavaScript can be used for front-end and back-end development. The front-end enhances the user experience through DOM operations, and the back-end handles server tasks through Node.js. 1. Front-end example: Change the content of the web page text. 2. Backend example: Create a Node.js server.

Python vs. JavaScript: Which Language Should You Learn?Python vs. JavaScript: Which Language Should You Learn?May 03, 2025 am 12:10 AM

Choosing Python or JavaScript should be based on career development, learning curve and ecosystem: 1) Career development: Python is suitable for data science and back-end development, while JavaScript is suitable for front-end and full-stack development. 2) Learning curve: Python syntax is concise and suitable for beginners; JavaScript syntax is flexible. 3) Ecosystem: Python has rich scientific computing libraries, and JavaScript has a powerful front-end framework.

JavaScript Frameworks: Powering Modern Web DevelopmentJavaScript Frameworks: Powering Modern Web DevelopmentMay 02, 2025 am 12:04 AM

The power of the JavaScript framework lies in simplifying development, improving user experience and application performance. When choosing a framework, consider: 1. Project size and complexity, 2. Team experience, 3. Ecosystem and community support.

The Relationship Between JavaScript, C  , and BrowsersThe Relationship Between JavaScript, C , and BrowsersMay 01, 2025 am 12:06 AM

Introduction I know you may find it strange, what exactly does JavaScript, C and browser have to do? They seem to be unrelated, but in fact, they play a very important role in modern web development. Today we will discuss the close connection between these three. Through this article, you will learn how JavaScript runs in the browser, the role of C in the browser engine, and how they work together to drive rendering and interaction of web pages. We all know the relationship between JavaScript and browser. JavaScript is the core language of front-end development. It runs directly in the browser, making web pages vivid and interesting. Have you ever wondered why JavaScr

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

SublimeText3 Linux new version

SublimeText3 Linux new version

SublimeText3 Linux latest version

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools