有哪些有用的JavaScript方法可以扩展内置对象？

Question

扩展内置JavaScript对象(如String,Array,Date,Boolean,Math等)的最有用,最实用的方法是什么？

串

• 格式
• 修剪
• 填充
• replaceAll&replaceAll

排列

• 指数

日期

• toMidnight

注意:请为每个答案发布一个扩展方法.

Answer 1

字符串全部替换:

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

Answer 2

这是String.replaceAll()方法的另一种实现方式

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

这个和这里发布的解决方案之间的区别在于此实现正确处理字符串中的regexp特殊字符以及允许字匹配

Answer 3

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

Answer 4

James Padolsey有很多String.prototype函数

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

这些包括:

• camelize
• 包含
• 计数
• 括
• 提取
• 的forEach
• forEachWord
• linkify
• 许多
• 随机
• 去掉
• 相反
• 缩短
• 分类
• toDOM
• 修剪
• 包裹

Answer 5

的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

Answer 6

// 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();
}

Answer 7

字符串填充:

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  '

Answer 8

像这样使用原型链：

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

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