Mujeeb Ahmed Profile picture
Mar 22, 2022 โ€ข 21 tweets โ€ข 8 min read โ€ข Read on X
JavaScript String Methods and Properties.

A Mega ๐Ÿงต. Image
1. What is a JavaScript String?
- JavaScript strings are for storing and manipulating text.
-A JavaScript string is zero or more characters written inside quotes.

โžก๏ธExample:- Image
2. JavaScript Methods and Properties.

2.1. String length

To find the length of a string, use the built-in length property:

Example:- Image
2.2. slice() :-

-slice() extracts a part of a string and returns the extracted part in a new string.

-The method takes 2 parameters: the start position, and the end position (end not included).

-JavaScript counts positions from zero.
First position is 0.
Second position is 1. ImageImage
2.3. substring():-

substring() is similar to slice().

The difference is that substring() cannot accept negative indexes.

Example:

2.4. substr();
substr() is similar to slice().

The difference is that the second parameter specifies the length of the extracted part.

Example: ImageImage
2.5. Replacing String Content;-
The replace() method replaces a specified value with another value in a string:

Example:-

-This method does not change the string it is called on.

-It returns a new string.

-It replaces only the first match

-it is case sensitive. Image
2.6. toLowerCase():-
A string is converted to lower case with toLowerCase().
Example:-

2.7. toUpperCase();-
A string is converted to Upper case with toUpperCase().
Example:- ImageImage
2.8. concat();-
concat() joins two or more strings.
Example;-

2.9, String trim():-
The trim() method removes whitespace from both sides of a string:
Example:- ImageImage
3. String Padding:-
ECMAScript 2017 added two String methods: padStart and padEnd to support padding at the beginning and at the end of a string.

10.1. padStart():-

This Method will start giving padding from the start. Image
10.2. padEnd():-
This Method will start giving padding from the End.
Example:- Image
4. Extracting String Characters
There are 3 methods for extracting string characters:

4.1. charAt(position):-

The charAt() method returns the character at a specified index (position) in a string:

Example:- Image
4.2. charCodeAt(position):-
String charCodeAt()
The charCodeAt() method returns the unicode of the character at a specified index in a string:

The method returns a UTF-16 code (an integer between 0 and 65535).

Example:- Image
4.3. Property access [ ]:-
ECMAScript 5 (2009) allows property access [ ] on strings:

Example:- Image
5. String Search Methods.

5.1. String indexOf()
The indexOf() method returns the index of (the position of) the first occurrence of a specified text in a string:

Example:- Image
5.2. lastIndexOf();-

The lastIndexOf() method returns the index of the last occurrence of a specified text in a string:

Example:- Image
5.3. search();-

The search() method searches a string for a specified value and returns the position of the match:

Example; - Image
The two methods, indexOf() and search(), are equal?
The two methods are NOT equal. These are the differences:

- The search() method cannot take a second start position argument.
- The indexOf() method cannot take powerful search values (regular expressions).
5.4. match():-
The match() method searches a string for a match against a regular expression, and returns the matches, as an Array object.

Example 1:-
NOTE:- Perform a global, case-insensitive search for "ain": Image
5.5. includes():-
The includes() method returns true if a string contains a specified value.

Example;-

5.6. startsWith():-
The startsWith() method returns true if a string begins with a specified value, otherwise false:

Example;- ImageImage
5.7. endsWith()
The endsWith() method returns true if a string ends with a specified value, otherwise false:

Example;- Image
If you enjoyed reading this thread, please do the following:
1. Retweet the first tweet.
2. Follow me and enable notifications: @mujeeb0147.

Thank you for reading all the way through.

โ€ข โ€ข โ€ข

Missing some Tweet in this thread? You can try to force a refresh
ใ€€

Keep Current with Mujeeb Ahmed

Mujeeb Ahmed Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @mujeeb0147

Jun 21
AI is not here to replace us; it's here to enhance us.

Discover the 10 Best AI Websites for Your Device

Incredibly USEFUL and slightly sneakyโ• Hook Img
1. Photoskop

โ†’ It provides interactive photography lessons on white balance, ISO, depth of field, and exposure.

๐Ÿ”— photoskop.com
2. TeamCreate

โ†’ Build AI workers with many functions for hundreds of positions in marketing, sales, finance, and other areas.

๐Ÿ”— teamcreate.ai
Read 12 tweets
May 19
๐™ˆ๐™–๐™จ๐™ฉ๐™š๐™ง ๐™ƒ๐™๐™ˆ๐™‡ ๐™–๐™ฃ๐™™ ๐˜พ๐™Ž๐™Ž ๐™ž๐™ฃ 2024

๐˜พ๐™ค๐™ข๐™ฅ๐™ก๐™š๐™ฉ๐™š ๐™Ž๐™ฉ๐™ง๐™ช๐™˜๐™ฉ๐™ช๐™ง๐™š๐Ÿ‘‡ Image
โžฝ ๐—•๐—ฎ๐˜€๐—ถ๐—ฐ๐˜€ ๐—ผ๐—ณ ๐—›๐—ผ๐˜„ ๐—ช๐—ฒ๐—ฏ๐˜€๐—ถ๐˜๐—ฒ๐˜€ ๐˜„๐—ผ๐—ฟ๐—ธ๐˜€

โžฉ Client Server architecture in detail.
โžฉ What is the role of HTML in Picture and why is it used?
โžฝ ๐—•๐—ฎ๐˜€๐—ถ๐—ฐ๐˜€ ๐—ผ๐—ณ ๐—›๐—ง๐— ๐—Ÿ

โžฉ Introduction to HTML.
โžฉ HTML Syntax and Structure.
โžฉ HTML Elements and Tags.
โžฉ HTML Attributes.
Read 33 tweets
Dec 16, 2023
JavaScript Roadmap 2023๐Ÿš€๐Ÿ‘‡๐Ÿป

Mega Thread๐Ÿงต Image
Stage 1: Fundamentals
โžฝ Introduction to JavaScript

โžฉ What is JavaScript and why is it important?
โžฉ Client-side vs. Server-side JavaScript.
โžฉ Adding JavaScript to HTML pages.
Read 29 tweets
Nov 24, 2023
10 websites you have to check out if you want to learn ๐—๐—ฎ๐˜ƒ๐—ฎ๐—ฆ๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜ for free.

[Bookmark ๐Ÿ”– for later] Image
๐Ÿญ. ๐—ณ๐—ฟ๐—ฒ๐—ฒ๐—–๐—ผ๐—ฑ๐—ฒ๐—–๐—ฎ๐—บ๐—ฝ. ๐—ผ๐—ฟ๐—ด

- FreeCodeCamp. org a curriculum-based platform that offers real-time coding learning and project building opportunities for users.

freeCodeCamp.org
๐Ÿฎ. ๐—๐—ฎ๐˜ƒ๐—ฎ๐—ฆ๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜ ๐—ณ๐—ผ๐—ฟ ๐—ฐ๐—ฎ๐˜๐˜€

- JavaScript for Cats offers free online courses for beginners, covering basic functions, data structures, fundamental programs, and libraries.

jsforcats.com
Read 12 tweets
Oct 28, 2023
Faceless YouTube channels are one of the finest ways to make money.

Heygen and Canva have just made it extremely simple to get started.

Here's how to use AI to create faceless YouTube videos and earn money every minute.
@HeyGen_Official has partnered with @Canva to bring AI Avatars to your designs!

This is another step we took to bring AI closer to fellow creators.

Create custom AI avatars in seconds with this guide.
@HeyGen_Official @canva Step 1: Connect HeyGen to Canva in just a few clicks!

- Open Canva.
- Go to Apps and find HeyGen.
- Select it, then create a project.
- Click "Connect" to link these powerful tools together.
Read 8 tweets
Sep 8, 2023
Master Front-End Development for FREE :
Websites :
โžฉ W3schools -
โžฉ Mdn docs -
โžฉ Programiz - w3schools.com
developer.mozilla.org/en-US/
programiz.com
YouTube Channels:
โžฉ Traversy media -
โžฉ The Net Ninja -
โžฉ Code With Mosh - youtube.com/@TraversyMedia
youtube.com/@NetNinja
youtube.com/@programmingwiโ€ฆ
Read 6 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(