Add character to String in Javascript

Add character to String in Javascript

In this post, we will see how to add character to String in Javascript.

There are multiple ways to add character to String in Javascript. Let’s go through them one by one.

Add character to String at start of String in Javascript

Using + operator

You can simply use + operator to add character to String in Javascript.

Here is an example:

Output:

javascript

As you can see, we have added char j to var str using + operator.

Using concat() method

You can also use predefined method concat() to add char to String in Javascript at start.

concat() method joins two strings and returns new String. It does not change existing String.

If you need to change existing String, then you need to assign result of concat() method to same variable.

Here is an example:

Output:

javascript

As you can see, we have added char j to var str using concat() method.

Add character to String at end of String in Javascript

Using + operator

You can simply use + operator to add character to String in Javascript.

Here is an example:

javascript

As you can see, we have added char ‘t’ to var str using + operator at the end.

Using concat() method

You can also use predefined method concat to add char to String in Javascript at end.

Here is an example:

Output:

javascript

As you can see, we have added char ‘t’ to var str using concat() method at the end.

Add character to String at given postion

Using substring() method

You can use substring function to add char to String at particular position in javascript.
Here is an example:

Output:

java2blog

Here, we have concated string before the position, added character and then again concated String.

Using slice() method

You can also use slice() function with join() to add character to String in Javascript at particular position.

Output:

java2blog

This method is similar to substring() method one.

Add character from array to String in Javascript

Using + operator

We can iterate through array using for loop and add each character of array to string using + operator.

Output:

JAVA2BLOG

Using concat() method

We can iterate through array using for loop and add each char of array to string using concat method.

Output:

JAVA2BLOG

That’s all about how to add character to String in javascript.

Related Posts

  • In this post, we will see how to generate random number between 1 to 10 in javascript. How to generate random number between 1 and 10 in javascript We can simply Math.random() method to generate random number between 1 and 10 in javascript. `Math.random()` returns a random number between 0(inclusive), and 1(exclusive). That means `Math.random()` returns always number lower than 1. We can use `Math.random()` with `Math.floor()` to generate random integer. Here is generic formula to generate random number in the range. Math.floor(Math.random() * (maximum - minimum + 1)) + minimum In our case, minimum = 1 maximum = 10 so it will be Math.floor(Math.random() * (10 - 1 + 1)) + 1 Math.floor(Math.random() * 10) + 1 So here is the program to generate random number between 1 and 10 in javascript. var randNum = Math.floor(Math.random() * 10) + 1; console.log(randNum) When you run above program, you will get below output: 3 You can obviously get differnt outout as we are generating random number here. Generate 10 random integers in range of 1 to 10 console.log("Generating 10 random integers in range of 1 to 10") for (let i = 0; i < 10; i++) { var randNum = Math.floor(Math.random() * 10) + 1; console.log(randNum) } Generate 10 random integers in range of 1 to 10 7 5 1 10 5 9 7 7 6 2 Generate random number in a range in javascript Here is generic formula to generate random number in a range. function generateRandomInteger(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } // Generate random number between 1 to 10 console.log(generateRandomInteger(1,10)) // Generate random number between 11 to 20 console.log(generateRandomInteger(11,20)) // Generate random number between 21 to 30 console.log(generateRandomInteger(21,30)) 4 17 28 In case, if you don't want to include maximum while generating random numbers, you can use below function. function generateRandomInteger(min, max) { return Math.floor(Math.random() * (max - min)) + min; } That's all about how to generate random number between 1 and 10 in javascript
    15 January

    Generate random number between 1 and 10 in javascript

    Table of ContentsHow to generate random number between 1 and 10 in javascriptGenerate 10 random integers in range of 1 to 10Generate random number in a range in javascript In this post, we will see how to generate random number between 1 to 10 in javascript. How to generate random number between 1 and 10 […]

  • Escape quotes in Javascript
    08 December

    Escape quotes in Javascript

    Table of ContentsWays to escape quotes in JavascriptUsing escape characterUsing alternate String syntaxUsing template literalsEscape quotes in Javascript in HTML context In this article, we will see how to escape quotes in Javascript. Let’s see what happens if we have singe quote in String and we also use single quotes to declare the string in […]

  • Javascript capitalize first letter
    06 December

    How to Capitalize first letter in Javascript

    Table of ContentsCapitalize first letter of String in JavascriptUsing charAt(), toUpperCase() and slice()Capitalize each word of String in Javascript In this tutorial, we will see how to Capitalize first letter in Javascript. Capitalize first letter of String in Javascript There are multiple ways to Capitalize first letter of String in Javascript. Let’s go through each […]

  • 08 September

    jQuery html() method example

    In this post,  we are going to see jQuery html method. html method is used to get html content of first matched elements,  other elements will be ignored and html(‘new html content’) is used to set html content for all matched elements. Syntax for html() : [crayon-61e50322c3c17027691992/] Syntax for html(‘new html content’) : [crayon-61e50322c3c24407792638/] Let’s […]

  • 28 August

    jQuery text() method example

    In this post,  we are going to see jQuery text method example. text method is used to get text of all matched elements and text(‘new text’) is used to set text for all matched elements. Syntax for text() : [crayon-61e50322c5e39202468884/] Syntax for text(‘new text’) : [crayon-61e50322c5e46170117340/] Let’s understand with the help of example: [crayon-61e50322c5e4a609562099/] Live […]

  • 27 August

    jQuery prepend and prependTo example

    In this post,  we are going to see jQuery prepend and prependTo methods. Both do the same task, insert text or html before content of every selected elements, so it will put text or html to first index of selected element. Both methods add text or html as a child to selected elements .Syntax is […]

Leave a Reply

Your email address will not be published. Required fields are marked *

Subscribe to our newletter

Get quality tutorials to your inbox. Subscribe now.