Какие полезные методы JavaScript расширяют встроенные объекты?

Question

Какие полезные методы JavaScript расширяют встроенные объекты?

Каковы ваши самые полезные, наиболее практичные методы, расширяющие встроенные объекты JavaScript, такие как String, Array, Date, Boolean, Math и т. Д.?

строка

массив

индекс

Дата

toMidnight

Примечание: пожалуйста, опубликуйте один расширенный метод для ответа.

41

javascript

Источник

user55351 16 июл '09 в 13:04

21 ответ

Другие вопросы по тегам javascript

user55351 16 июл '09 в 13:27 2009-07-16 13:27 · Answer 1 · 2009-07-16 13:27

Строка Заменить все:

String.prototype.replaceAll = function(search, replace)
{
    //if replace is not sent, return original string otherwise it will
    //replace search string with 'undefined'.
    if (replace === undefined) {
        return this.toString();
    }

    return this.replace(new RegExp('[' + search + ']', 'g'), replace);
};

var str = 'ABCADRAE';
alert(str.replaceAll('A','X')); // output : XBCXDRXE

41

Источник

user55351 16 июл '09 в 13:27

user137467 17 июл '09 в 07:19 2009-07-17 07:19 · Answer 2 · 2009-07-17 07:19

Вот еще одна реализация String.replaceAll() метод

String.prototype.replaceAll = function(search, replace) {
    if (replace === undefined) {
        return this.toString();
    }
    return this.split(search).join(replace);
}

Разница между этим и решением, опубликованным здесь, заключается в том, что эта реализация правильно обрабатывает специальные символы регулярных выражений в строках, а также позволяет сопоставлять слова

user2083379 16 июл '09 в 13:12 2009-07-16 13:12 · Answer 3 · 2009-07-16 13:12

Array.prototype.indexOf = Array.prototype.indexOf || function (item) {
    for (var i=0; i < this.length; i++) {
        if(this[i] === item) return i;
    }
    return -1;
};

Использование:

var list = ["my", "array", "contents"];
alert(list.indexOf("contents"));     // outputs 2

16

Источник

user2083379 16 июл '09 в 13:12

user1950 17 июл '09 в 04:58 2009-07-17 04:58 · Answer 4 · 2009-07-17 04:58

Существует множество функций String.prototype от James.

https://github.com/padolsey/string.prototype

Они включают:

camelize
содержит
подсчитывать
окружать
экстракт
для каждого
forEachWord
linkify
много
рандомизации
Удалить
задний ход
укорачивать
Сортировать
toDOM
отделка
заворачивать

9

Источник

user1950 17 июл '09 в 04:58

user92414 17 июл '09 в 05:00 2009-07-17 05:00 · Answer 5 · 2009-07-17 05:00

string.Format

String.prototype.format = function (values) {

    var regex = /\{([\w-]+)(?:\:([\w\.]*)(?:\((.*?)?\))?)?\}/g;

    var getValue = function (key) {
            if (values == null || typeof values === 'undefined') return null;

            var value = values[key];
            var type = typeof value;

            return type === 'string' || type === 'number' ? value : null;
        };

    return this.replace(regex, function (match) {
        //match will look like {sample-match}
        //key will be 'sample-match';
        var key = match.substr(1, match.length - 2);

        var value = getValue(key);

        return value != null ? value : match;
    });
};

Использование:

alert('Program: {key1} {key2}'.format({ 'key1' : 'Hello', 'key2' : 'World' })); //alerts Program: hello world

user137467 17 июл '09 в 04:51 2009-07-17 04:51 · Answer 6 · 2009-07-17 04:51

// left trim
String.prototype.ltrim = function () {
    return this.replace(/^\s+/, '');
}

// right trim
String.prototype.rtrim = function () {
    return this.replace(/\s+$/, '');
}

// left and right trim
String.prototype.trim = function () {
    return this.ltrim().rtrim();
}

7

Источник

user137467 17 июл '09 в 04:51

user55351 16 июл '09 в 13:09 2009-07-16 13:09 · Answer 7 · 2009-07-16 13:09

Строка заполнения:

String.prototype.padLeft = function (length, character) { 
     return new Array(length - this.length + 1).join(character || ' ') + this; 
}
'trial'.padLeft(7, 'X'); // output : 'XXtrial'
'trial'.padLeft(7);      // output : '  trial'



String.prototype.padRight = function (length, character) { 
     return this + new Array(length - this.length + 1).join(character || ' '); 
}
'trial'.padRight(7, 'X'); // output : 'trialXX'
'trial'.padRight(7);      // output : 'trial  '

user54680 20 июл '09 в 17:03 2009-07-20 17:03 · Answer 8 · 2009-07-20 17:03

PHP.JS - очень хорошая попытка перенести большинство функций PHP на JavaScript. У них в настоящее время есть чрезвычайно внушительный список:

Онлайн по адресу: http://phpjs.org/functions/index

3

Источник

user54680 20 июл '09 в 17:03

user242493 28 апр '10 в 00:52 2010-04-28 00:52 · Answer 9 · 2010-04-28 00:52

Function.prototype.bind из библиотеки Prototype.

Похожий на call а также apply но позволяет вам возвращать ссылку на функцию, которая вызывается в определенном контексте, а не выполнять ее немедленно. Также позволяет вам карри параметры. Это настолько полезно, что он стал частью ECMAScript 5 и уже внедряется в браузерах.

Function.prototype.bind = function() {
  var __method = this, args = Array.prototype.slice.call(arguments), object = args.shift();
  return function() {
    var local_args = args.concat(Array.prototype.slice.call(arguments));
    if (this !== window) local_args.push(this);
    return __method.apply(object, local_args);
  }
}

user2491 17 июл '09 в 06:06 2009-07-17 06:06 · Answer 10 · 2009-07-17 06:06

Различные прототипы манипуляции со списком всегда великолепны. Так как вы хотите только один на пост, я просто пост foldl, который я обнаружил с помощью SML (он "сворачивает" список слева направо, он имеет противоположную часть в foldr конечно).

Array.prototype.foldl = function(fnc,start) {
    var a = start;
    for (var i = 0; i < this.length; i++) {
        a = fnc(this[i],a);
    }
    return a;
}

Некоторые тривиальные примеры могут быть:

var l = ["hello" , "world"];
l.foldl(function(i, acc) { return acc+" "+i; }, "") // => returns "hello world"

К сожалению, неспособность стандартных методов DOM возвращать истинные массивы делает многие из этих методов довольно бесполезными. И если вы используете какой-либо Lib, они часто определяют методы, подобные этим (map, filter, существующие и т. Д.).

user8590 16 июл '09 в 21:10 2009-07-16 21:10 · Answer 11 · 2009-07-16 21:10

Date.toMidnight

Date.prototype.toMidnight = function(){ 
  this.setMinutes(0); 
  this.setSeconds(0); 
  this.setHours(0) 
}

1

Источник

user8590 16 июл '09 в 21:10

user32943 17 июл '09 в 05:01 2009-07-17 05:01 · Answer 12 · 2009-07-17 05:01

Массив содержит:

Array.prototype.contains = function(obj) {
    for (var i=0; i < this.length; i++) {
        if(this[i] === obj) return i;
    }
    return -1;
}

Использование:

var arr = [1, 2, 3];
alert(arr.contains(2));

Эта маленькая вспомогательная функция сообщает вам, содержит ли ваш массив объект. Если это так, то возвращается индекс объекта, в противном случае возвращается -1.

Бесплатный совет в пятницу днем: никогда не модифицируйте прототип Object. Это было бы просто просьбой о целом мире боли - я научился этому нелегко:)

user165737 28 апр '10 в 01:29 2010-04-28 01:29 · Answer 13 · 2010-04-28 01:29

Эти два являются обертками для вставки и удаления элементов из определенной позиции в массиве, потому что мне не нравится название splice,

// insert element at index
Array.prototype.insertAt = function(element, index) {
    this.splice(index, 0, element);
}

// delete element from index
Array.prototype.removeAt = function(index) {
    this.splice(index, 1);
}

Еще несколько полезных методов Array, чтобы избежать использования индексов:

Array.prototype.first = function() {
    return this[0] || undefined;
};

Array.prototype.last = function() {
    if(this.length > 0) {
        return this[this.length - 1];
    }
    return undefined;
};

Array.prototype.max = function(array){
    return Math.max.apply(Math, array);
};

Array.prototype.min = function(array){
    return Math.min.apply(Math, array);
};

Некоторые полезные функции из библиотеки MooTools:

Function.delay

Используется для выполнения функции по истечении заданных миллисекунд.

// alerts "hello" after 2 seconds.
(function() {
    alert("hello");
}).delay(2000);

Number.times

Подобно методу times в Ruby для чисел, он принимает функцию и выполняет ее N раз, где N - это число чисел.

// logs hello 5 times
(5).times(function() {
    console.log("hello");
});

user31491 02 дек '09 в 21:59 2009-12-02 21:59 · Answer 14 · 2009-12-02 21:59

Набор функций, которые я часто использую, можно найти здесь:

http://svn.asplib.org/asplib1.2/core/string.asp

http://docs.hyperweb.no/objects/String/

1

Источник

user31491 02 дек '09 в 21:59

user28540 02 дек '09 в 22:19 2009-12-02 22:19 · Answer 15 · 2009-12-02 22:19

Я использовал функцию Array.Map, описанную Скоттом Кун пару раз.

http://www.lazycoder.com/weblog/2009/08/12/a-simple-map-function-for-plain-javascript-arrays/

Array.prototype.map = function(fn) {
    var r = [];
    var l = this.length;
    for(i=0;i<l;i++)
    {
        r.push(fn(this[i]));
    }
    return r; 
};

1

Источник

user28540 02 дек '09 в 22:19

user137467 17 июл '09 в 06:07 2009-07-17 06:07 · Answer 16 · 2009-07-17 06:07

Вот хорошее расширение для объекта Date, которое позволяет очень легко форматировать дату. Он использует синтаксис даты PHP, так что те, кто знаком с PHP, получат его в кратчайшие сроки. У других также есть огромный список возможных переключателей на сайте. Лично я не нашел более простой способ форматирования дат в различных форматах.

Формат даты

user386579 13 май '14 в 13:00 2014-05-13 13:00 · Answer 17 · 2014-05-13 13:00

Это функция-прототип для заглавной строки:

String.prototype.capitalize = function() {
    return this.charAt(0).toUpperCase() + this.slice(1);
}

0

Источник

user386579 13 май '14 в 13:00

user138579 16 июл '09 в 13:09 2009-07-16 13:09 · Answer 18 · 2009-07-16 13:09

Используйте цепочку прототипов так:

String.prototype.AddWorld = function() { return this+'World' }

"Hello ".AddWorld(); // returns the string "Hello World"

0

Источник

user138579 16 июл '09 в 13:09

user364962 11 июн '10 в 22:50 2010-06-11 22:50 · Answer 19 · 2010-06-11 22:50

На http://maiaco.com/articles/js/missingArrayFunctions.php есть хорошая статья, описывающая шесть полезных функций, добавляемых в прототип Array. Функции являются linearSearch (аналогично indexOf, указанному в другом ответе), binarySearch, retainAll, removeAll, unique и addAll. Статья также включает код JavaScript для каждой из шести функций и пример кода, показывающего, как их использовать.

user70317 17 дек '09 в 07:27 2009-12-17 07:27 · Answer 20 · 2009-12-17 07:27

// This replaces all instances of 'from' to 'to' even when
// 'from' and 'to' are similar (i.e .replaceAll('a', 'a '))
String.prototype.replaceAll = function(from, to) {
    var k = this;
    var i = 0;
    var j = from.length;
    var l = to.length;

    while (i <= k.length)
        if (k.substring(i, i + j) == from) {
        k = k.substring(0, i) + k.substring(i).replace(from, to);
        i += l;
    }
    else
        i++;

    return k;
};

0

Источник

user70317 17 дек '09 в 07:27

user210593 18 мар '15 в 23:13 2015-03-18 23:13 · Answer 21 · 2015-03-18 23:13

Используйте что-то вроде библиотеки http://underscorejs.org/ или для Angular используйте библиотеку lodash.

0

Источник

user210593 18 мар '15 в 23:13