Hướng dẫn remove string javascript

I've got a data-123 string.

How can I remove data- from the string while leaving the 123?

asked May 1, 2012 at 14:12

Michael GrigsbyMichael Grigsby

10.7k9 gold badges32 silver badges51 bronze badges

0

var ret = "data-123".replace('data-','');
console.log(ret);   //prints: 123

Docs.

For all occurrences to be discarded use:

var ret = "data-123".replace(/data-/g,'');

PS: The replace function returns a new string and leaves the original string unchanged, so use the function return value after the replace() call.

answered May 1, 2012 at 14:14

2

This doesn't have anything to do with jQuery. You can use the JavaScript replace function for this:

var str = "data-123";
str = str.replace("data-", "");

You can also pass a regex to this function. In the following example, it would replace everything except numerics:

str = str.replace(/[^0-9\.]+/g, "");

Meetai.com

6,3463 gold badges30 silver badges37 bronze badges

answered May 1, 2012 at 14:14

James JohnsonJames Johnson

44.9k8 gold badges71 silver badges108 bronze badges

2

You can use "data-123".replace('data-','');, as mentioned, but as replace() only replaces the FIRST instance of the matching text, if your string was something like "data-123data-" then

"data-123data-".replace('data-','');

will only replace the first matching text. And your output will be "123data-"

DEMO

So if you want all matches of text to be replaced in string you have to use a regular expression with the g flag like that:

"data-123data-".replace(/data-/g,'');

And your output will be "123"

DEMO2

answered May 8, 2014 at 10:21

laapostolaaposto

11.5k15 gold badges52 silver badges68 bronze badges

0

You can use slice(), if you will know in advance how many characters need slicing off the original string. It returns characters between a given start point to an end point.

string.slice(start, end);

Here are some examples showing how it works:

var mystr = ("data-123").slice(5); // This just defines a start point so the output is "123"
var mystr = ("data-123").slice(5,7); // This defines a start and an end  so the output is "12"

Demo

Mr. J

1,1072 gold badges15 silver badges35 bronze badges

answered Nov 24, 2014 at 6:08

m.r shojaeim.r shojaei

4274 silver badges5 bronze badges

1

Plain old JavaScript will suffice - jQuery is not necessary for such a simple task:

var myString = "data-123";
var myNewString = myString.replace("data-", "");

See: .replace() docs on MDN for additional information and usage.

answered May 1, 2012 at 14:14

James HillJames Hill

58.8k18 gold badges142 silver badges161 bronze badges

0

1- If is the sequences into your string:

let myString = "mytest-text";
let myNewString = myString.replace("mytest-", "");

the answer is text

2- if you whant to remove the first 3 characters:

"mytest-text".substring(3);

the answer is est-text

answered Oct 6, 2021 at 12:02

Ex:-

var value="Data-123";
var removeData=value.replace("Data-","");
alert(removeData);

Hopefully this will work for you.

answered May 26, 2016 at 5:53

This little function I made has always worked for me :)

String.prototype.deleteWord = function (searchTerm) {
    var str = this;
    var n = str.search(searchTerm);
    while (str.search(searchTerm) > -1) {
        n = str.search(searchTerm);
        str = str.substring(0, n) + str.substring(n + searchTerm.length, str.length);
    }
    return str;
}

// Use it like this:
var string = "text is the cool!!";
string.deleteWord('the'); // Returns text is cool!!

I know it is not the best, but It has always worked for me :)

answered Jul 31, 2017 at 2:18

2

str.split('Yes').join('No'); 

This will replace all the occurrences of that specific string from original string.

answered Apr 16, 2018 at 12:30

ARCARC

1,02314 silver badges31 bronze badges

0

I was used to the C# (Sharp) String.Remove method. In Javascript, there is no remove function for string, but there is substr function. You can use the substr function once or twice to remove characters from string. You can make the following function to remove characters at start index to the end of string, just like the c# method first overload String.Remove(int startIndex):

function Remove(str, startIndex) {
    return str.substr(0, startIndex);
}

and/or you also can make the following function to remove characters at start index and count, just like the c# method second overload String.Remove(int startIndex, int count):

function Remove(str, startIndex, count) {
    return str.substr(0, startIndex) + str.substr(startIndex + count);
}

and then you can use these two functions or one of them for your needs!

Example:

alert(Remove("data-123", 0, 5));

Output: 123

answered Apr 20, 2014 at 12:06

Performance

Today 2021.01.14 I perform tests on MacOs HighSierra 10.13.6 on Chrome v87, Safari v13.1.2 and Firefox v84 for chosen solutions.

Results

For all browsers

• solutions Ba, Cb, and Db are fast/fastest for long strings
• solutions Ca, Da are fast/fastest for short strings
• solutions Ab and E are slow for long strings
• solutions Ba, Bb and F are slow for short strings

Details

I perform 2 tests cases:

• short string - 10 chars - you can run it HERE
• long string - 1 000 000 chars - you can run it HERE

Below snippet presents solutions Aa Ab Ba Bb Ca Cb Da Db E F

And here are example results for chrome

answered Jan 14, 2021 at 18:09

Kamil KiełczewskiKamil Kiełczewski

75k26 gold badges335 silver badges310 bronze badges

Using match() and Number() to return a number variable:

Number(("data-123").match(/\d+$/));

// strNum = 123

Here's what the statement above does...working middle-out:

1. str.match(/\d+$/) - returns an array containing matches to any length of numbers at the end of str. In this case it returns an array containing a single string item ['123'].
2. Number() - converts it to a number type. Because the array returned from .match() contains a single element Number() will return the number.

answered Apr 7, 2016 at 1:39

Brett DeWoodyBrett DeWoody

56.7k28 gold badges134 silver badges183 bronze badges

Another way to replace all instances of a string is to use the new (as of August 2020) String.prototype.replaceAll() method.

It accepts either a string or RegEx as its first argument, and replaces all matches found with its second parameter, either a string or a function to generate the string.

As far as support goes, at time of writing, this method has adoption in current versions of all major desktop browsers* (even Opera!), except IE. For mobile, iOS SafariiOS 13.7+, Android Chromev85+, and Android Firefoxv79+ are all supported as well.

* This includes Edge/ Chrome v85+, Firefox v77+, Safari 13.1+, and Opera v71+

It'll take time for users to update to supported browser versions, but now that there's wide browser support, time is the only obstacle.

References:

• MDN
• Can I Use - Current Browser Support Information
• TC39 Proposal Repo for .replaceAll()

You can test your current browser in the snippet below:

//Example coutesy of MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replaceAll
const p = 'The quick brown fox jumps over the lazy dog. If the dog reacted, was it really lazy?';

const regex = /dog/gi;

try {
  console.log(p.replaceAll(regex, 'ferret'));
  // expected output: "The quick brown fox jumps over the lazy ferret. If the ferret reacted, was it really lazy?"

  console.log(p.replaceAll('dog', 'monkey'));
  // expected output: "The quick brown fox jumps over the lazy monkey. If the monkey reacted, was it really lazy?"
  console.log('Your browser is supported!');
} catch (e) {
  console.log('Your browser is unsupported! :(');
}

.as-console-wrapper: {
  max-height: 100% !important;
}

answered Aug 11, 2020 at 16:06

zcoop98zcoop98

2,4041 gold badge17 silver badges29 bronze badges

Make sure that if you are replacing strings in a loop that you initiate a new Regex in each iteration. As of 9/21/21, this is still a known issue with Regex essentially missing every other match. This threw me for a loop when I encountered this the first time:

yourArray.forEach((string) => {
    string.replace(new RegExp(__your_regex__), '___desired_replacement_value___');
})

If you try and do it like so, don't be surprised if only every other one works

let reg = new RegExp('your regex');
yourArray.forEach((string) => {
    string.replace(reg, '___desired_replacement_value___');
})

answered Sep 22, 2021 at 0:57

WillieWillie

1892 silver badges16 bronze badges

const newString = string.split("data-").pop();
console.log(newString);

answered Apr 17 at 14:07

S. HesamS. Hesam

3,8112 gold badges28 silver badges48 bronze badges

Not the answer you're looking for? Browse other questions tagged javascript string or ask your own question.