JS string learning how to return the substring between given subscripts
In the previous article "JS String Learning: Calculate all occurrence positions of a given character", we introduced the use of indexOf() and lastIndexOf() functions combined with a while loop to obtain the given substring Method to string all positions in a string. So today I will continue to bring you the JavaScript string learning series~
This article will introduce to you two methods of intercepting strings with JavaScript and obtaining all characters (i.e. substrings) between specified positions.
First let's take a look at the first method - using slice()
As an example~
var str="Hello world!"; var n=str.slice(1,7); console.log("原字符串:"+str); console.log("截取下标1~7之间的子串:"+n);
Let's take a look at the output results :
Because the string subscript starts from 0, use str.slice(1,7)
to intercept subscript 1 Characters between ~7, the returned substring is "ello w
".
Let’s take a look at the slice() function
string.slice(start,end)
The method can extract a certain part of the string and use it as a new The string returns the extracted part; this function accepts a required parameter start and an omitted parameter end.
start parameter: indicates the starting subscript; the first character position is 0. If it is a negative number, it is intercepted from the end.
end parameter: indicates the end subscript. If this parameter is not specified, the split array contains all elements from start to the end of the array; if this parameter is a negative number, it specifies the elements starting from the end of the array.
var str="Hello world!"; var n=str.slice(1,-7); console.log("原字符串:"+str); console.log("截取到的子串:"+n);
Output result:
Next let’s take a look at the second method - using substring() Method
For example~
var str="Hello world!"; var n=str.substring(1,7); console.log("原字符串:"+str); console.log("截取到的子串:"+n);
Output result:
The substring() method can extract the string between two characters between specified subscripts. We use str.substring(1,7) to intercept the characters between the string str subscript 1~7, so the returned substring is "ello w".
Let’s take a look at the substring() function.
string.substring(from, to)
The method accepts a required parameter from (a non-negative integer, specifying the starting subscript), and an omitted parameter to (specifying the ending subscript) ). The substring returned by the substring() method includes the characters at the beginning but does not include the characters at the end.
The difference between slice() and substring():
Both slice() and substring() can intercept strings according to the specified starting and ending subscript positions. It can contain two parameters, the first parameter represents the starting subscript, and the second parameter represents the ending subscript.
But if the first parameter value is greater than the second parameter value, the substring() method can exchange the two parameters before performing interception, but for the slice() method, it is ignored and considered invalid. , and returns an empty string.
var str="Hello world!"; var n1=str.substring(7,1); var n2=str.slice(7,1); console.log("原字符串:"+str); console.log("截取到的子串:"+n1); console.log("截取到的子串:"+n2);
Output result:
If the parameter value is a negative value, the slice() method can interpret the negative sign as positioning from the right; and substring () method will treat it as invalid.
var str="Hello world!"; var n1=str.substring(1,-7); var n2=str.slice(1,-7); console.log("原字符串:"+str); console.log("截取到的子串:"+n1); console.log("截取到的子串:"+n2);
Output result:
Okay, that’s all. If you need it, you can read: javascript advanced tutorial
The above is the detailed content of JS string learning how to return the substring between given subscripts. For more information, please follow other related articles on the PHP Chinese website!

JavaandJavaScriptaredistinctlanguages:Javaisusedforenterpriseandmobileapps,whileJavaScriptisforinteractivewebpages.1)Javaiscompiled,staticallytyped,andrunsonJVM.2)JavaScriptisinterpreted,dynamicallytyped,andrunsinbrowsersorNode.js.3)JavausesOOPwithcl

JavaScript core data types are consistent in browsers and Node.js, but are handled differently from the extra types. 1) The global object is window in the browser and global in Node.js. 2) Node.js' unique Buffer object, used to process binary data. 3) There are also differences in performance and time processing, and the code needs to be adjusted according to the environment.

JavaScriptusestwotypesofcomments:single-line(//)andmulti-line(//).1)Use//forquicknotesorsingle-lineexplanations.2)Use//forlongerexplanationsorcommentingoutblocksofcode.Commentsshouldexplainthe'why',notthe'what',andbeplacedabovetherelevantcodeforclari

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.

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 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.

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

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.


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

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

Hot Article

Hot Tools

Safe Exam Browser
Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

SublimeText3 English version
Recommended: Win version, supports code prompts!

MinGW - Minimalist GNU for Windows
This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

Dreamweaver CS6
Visual web development tools
