Как удалить символ из строки в JavaScript?

Опубликовано: 12 Декабря, 2021

Дана строка, и задача состоит в том, чтобы удалить символ из данной строки.

Метод 1. Использование метода replace (): метод replace используется для замены определенного символа / строки другим символом / строкой. Он принимает два параметра: первый - это строка, которую нужно заменить, а второй - это строка, которая должна быть заменена. В этом случае первый параметр - это символ, который нужно удалить, а второй параметр может быть задан как пустая строка. Это удалит символ из строки. Этот метод удаляет первое вхождение строки.

Синтаксис:

 строка.replace ('characterToReplace', '');

Пример:

 <!DOCTYPE html>
 < html >
 
< head >
    < title >
        How to remove a character from
        string using Javascript?
    </ title >
 </ head >
 
< body >
    < h1 style = "color: green" >
        GeeksforGeeks
    </ h1 >
     
    < b >
        How to remove a character from
        a string using Javascript?
    </ b >
     
    < p >Original string is GeeksforGeeks</ p >
     
    < p >
        New String is:
        < span class = "output" ></ span >
    </ p >
 
    < button onclick = "removeCharacter()" >
        Remove Character
    </ button >
     
    < script type = "text/javascript" >
        function removeCharacter() {
            originalString = 'GeeksForGeeks';
            newString = originalString.replace('G', '');
 
            document.querySelector('.output').textContent
                    = newString;
        }
    </ script >
 </ body >
 
</ html > 

Выход:

Перед нажатием кнопки:
После нажатия кнопки:

Метод 2: Использование метода replace () с регулярным выражением: этот метод используется для удаления всех вхождений указанного символа, в отличие от предыдущего метода. Вместо строки вместе с глобальным свойством используется регулярное выражение. Он выберет каждое вхождение в строке, и его можно будет удалить.

Синтаксис:

 строка.replace (/ regExp / g, '');

Пример:

 <!DOCTYPE html>
 < html >
 
< head >
    < title >
        How to remove a character from
        string using Javascript?
    </ title >
 </ head >
 
< body >
    < h1 style = "color: green" >
        GeeksforGeeks
    </ h1 >
     
    < b >
        How to remove a character from
        a string using Javascript?
    </ b >
     
    < p >Original string is GeeksforGeeks</ p >
     
    < p >
        New String is:
        < span class = "output" ></ span >
    </ p >
 
    < button onclick = "removeCharacter()" >
        Remove Character
    </ button >
     
    < script type = "text/javascript" >
        function removeCharacter() {
            originalString = 'GeeksForGeeks';
            newString = originalString.replace(/G/g, '');
 
            document.querySelector('.output').textContent
                    = newString;
        }
    </ script >
 </ body >
 
</ html > 

Выход:

Перед нажатием кнопки:
После нажатия кнопки:

Метод 3: Удаление первого или последнего символа с помощью метода slice (): Метод slice () используется для извлечения частей строки между заданными параметрами. Этот метод принимает начальный индекс и конечный индекс строки и возвращает строку между этими индексами. Если конечный индекс не указан, предполагается, что это длина строки. Первый символ можно удалить, указав начальный индекс равным 1. Он извлекает строку от второго символа до конца строки. Последний символ можно удалить, указав конечный индекс на единицу меньше длины строки. Это извлекает строку от начала строки до предпоследнего символа.

Синтаксис:

// Удаление первого символа
строка.splice (1);

// Удаление последнего символа
string.splice (0, string.length - 1);

Пример:

 <!DOCTYPE html>
 < html >
 
< head >
    < title >
        How to remove a character from
        string using Javascript?
    </ title >
 </ head >
 
< body >
    < h1 style = "color: green" >
        GeeksforGeeks
    </ h1 >
     
    < b >
        How to remove a character from
        a string using Javascript?
    </ b >
     
    < p >Original string is GeeksforGeeks</ p >
     
    < p >
        First character removed string:
        < span class = "output1" ></ span >
    </ p >
     
    < p >
        Last character removed string:
        < span class = "output2" ></ span >
    </ p >
 
    < button onclick = "removeCharacter()" >
        Remove Character
    </ button >
     
    < script type = "text/javascript" >
        function removeCharacter() {
            originalString = 'GeeksForGeeks';
            firstCharRemoved = originalString.slice(1);
             
            lastCharRemoved =
                originalString.slice(0, originalString.length - 1);
 
            document.querySelector('.output1').textContent
                    = firstCharRemoved;
            document.querySelector('.output2').textContent
                    = lastCharRemoved;
        }
    </ script >
 </ body >
 
</ html > 

Выход:

Перед нажатием кнопки:
После нажатия кнопки:

Метод 4: Удаление определенного символа по заданному индексу с помощью метода substr (): Этот метод можно использовать для удаления символа из определенного индекса в строке. Метод substr () используется для извлечения частей строки между заданными параметрами. Этот метод принимает два параметра: один - это начальный индекс, а другой - конечный индекс строки. Возвращается строка между этими индексами. Часть строки до и после удаляемого символа разделяется и объединяется. Это удаляет символ из определенного индекса.

Синтаксис:

 string.slice (0, позиция - 1) + string.slice (позиция, string.length);

Пример:

 <!DOCTYPE html>
 < html >
 
< head >
    < title >
        How to remove a character from
        string using Javascript?
    </ title >
 </ head >
 
< body >
    < h1 style = "color: green" >
        GeeksforGeeks
    </ h1 >
     
    < b >
        How to remove a character from
        a string using Javascript?
    </ b >
     
    < p >Original string is GeeksforGeeks</ p >
     
    < p >
        New String is:
        < span class = "output" ></ span >
    </ p >
 
    <!-- Removing the 6th character -->
    < button onclick = "removeCharacter(6)" >
        Remove Character
    </ button >
     
    < script type = "text/javascript" >
        function removeCharacter(position) {
            originalString = 'GeeksForGeeks';
             
            newString = originalString.slice(0, position - 1)
            + originalString.slice(position, originalString.length);
 
            document.querySelector('.output').textContent = newString;
        }
    </ script >
 </ body >
 
</ html > 

Выход:

Перед нажатием кнопки:
После нажатия кнопки:

JavaScript Вопросы о Web технологиях Picked

Как удалить символ из строки в JavaScript?

РЕКОМЕНДУЕМЫЕ СТАТЬИ