Mujeeb Ahmed Profile picture
Mar 22 21 tweets 8 min read
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

Mar 24
Number Methods in JavaScript 🔥.
A thread.
#javascript30
#webdev Image
1. Number() Method:-

- The Number() function is used to convert various data types to numbers.

Syntax:- Number(value)

Example:- Image
2. parseInt():-

- This function converts a decimal number to an integer value.

Syntax:- parseInt(value)

Example:- Image
Read 10 tweets
Mar 15
JavaScript Looping Array Elements🚀(Thread).
1. The for loop:

for loop is used when you want to execute a block of code as long as a specified condition is true.

Syntax :
Examples:
2. for Each:
The forEach() method calls a function (a callback function) once for each array element.

Syntax :
Example:

Note:- the function takes 3 arguments:

The item value.
The item index.
The array itself.

The example below uses only the value parameter.
Read 9 tweets
Mar 9
JavaScript Arrays🤩, Mega thread🚀.
All of the content includes examples so that any aspiring Web developer can quickly grasp the concepts. Image
1. What is a JavaScript Arrays.
An array in JavaScript is a variable that can hold several values.
Example: Image
2. What's the Point of Using an Array?
If you have a list of items (say, a list of car names), storing the cars in single variables might look like this:
Example: Image
Read 25 tweets
Mar 7
JavaScript Objects 🔥🔥(Thread).
1. What is an Object in JavaScript?

The Object class represents one of JavaScript's data types. It's used to store keyed collections as well as more complex entities
2. How can you Create a JavaScript Object?

With JavaScript, you can define and create your objects.

There are different ways to create new objects:

1. Create a single object, using an object literal.

2. Create a single object, with the keyword new.
Read 11 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 on Twitter!

:(