Усовершенствуйте свой JavaScript с помощью этих замечательных методов расширения!

JavaScript — это универсальный и мощный язык программирования, позволяющий разработчикам создавать динамические и интерактивные веб-приложения. Одной из его сильных сторон является возможность расширения за счет использования пользовательских методов, часто называемых «методами расширения». В этой статье мы рассмотрим концепцию методов расширения и продемонстрируем множество практических примеров, которые улучшат ваши навыки работы с JavaScript. Итак, возьмите свой любимый редактор кода и приступайте!

  1. capitalize()
    Описание: Делает первую букву строки заглавной.
    Пример кода:

    String.prototype.capitalize = function() {
    return this.charAt(0).toUpperCase() + this.slice(1);
    };
    const name = "john";
    console.log(name.capitalize()); // Output: John
  2. reverse()
    Описание: меняет порядок символов в строке.
    Пример кода:

    String.prototype.reverse = function() {
    return this.split("").reverse().join("");
    };
    const word = "hello";
    console.log(word.reverse()); // Output: olleh
  3. shuffle()
    Описание: случайным образом перемешивает элементы массива.
    Пример кода:

    Array.prototype.shuffle = function() {
    const array = this.slice();
    for (let i = array.length - 1; i > 0; i--) {
    const j = Math.floor(Math.random() * (i + 1));
    [array[i], array[j]] = [array[j], array[i]];
    }
    return array;
    };
    const numbers = [1, 2, 3, 4, 5];
    console.log(numbers.shuffle()); // Output: [3, 5, 2, 1, 4]
  4. unique()
    Описание: возвращает массив, содержащий только уникальные элементы исходного массива.
    Пример кода:

    Array.prototype.unique = function() {
    return [...new Set(this)];
    };
    const numbers = [1, 2, 3, 3, 4, 4, 5];
    console.log(numbers.unique()); // Output: [1, 2, 3, 4, 5]
  5. formatCurrency()
    Описание: форматирует число как строку денежной единицы с указанными десятичными знаками и разделителями.
    Пример кода:

    Number.prototype.formatCurrency = function(decimalPlaces = 2, thousandsSeparator = ",", decimalSeparator = ".") {
    const fixedValue = this.toFixed(decimalPlaces);
    const parts = fixedValue.toString().split(".");
    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparator);
    return parts.join(decimalSeparator);
    };
    const price = 1234567.89;
    console.log(price.formatCurrency(2, ",", ".")); // Output: 1,234,567.89

Методы расширения — мощный инструмент для улучшения функциональности JavaScript. Расширяя встроенные прототипы, вы можете создавать многократно используемые фрагменты кода, которые упрощают процесс разработки. В этой статье мы рассмотрели лишь несколько примеров методов расширения, но возможности безграничны. Поэкспериментируйте с этими методами и используйте весь потенциал JavaScript в своих проектах. Приятного кодирования!