JavaScript学习（三）：引用类型

var colors = ['red','black','green'];
alert(colors.toString());    //返回用逗号隔开的字符串
alert(colors.valueOf());     //返回数组本身
alert(colors.join('||'));    //返回用||隔开的字符串

var colors = ['red','black','green'];

colors.push('yellow','grey');     //末尾添加，返回长度
colors.pop();                    //末尾移除一项，并返回移除项

var colors = ['red','black','green'];

colors.push('yellow','grey');     //末尾添加，返回长度
colors.shift();                 //移除第一项，并返回移除项

colors.unshift('yellow','grey');                 //开头添加，返回长度
colors.pop();                    //末尾移除一项，并返回移除项

values.reverse();          //翻转数组
values.sort();             //应用toString方法排序数组

//sort（）方法可以接受比较函数，以便实现想要的排序

function compare(value1,value2) {
    if (...) {        //如果第一个参数在第二个之前，返回正数
        return 1;
    }else if (...) {    //如果在之后，返回负数
        return -1;
    }else {
        return 0;         //如果相等，返回0
    }
}

values.sort(compare);    //按照compare规则排序

var colors = ['red','black','green'，'blue'];

colors.concat('grey');             //复制创建新数组，并在末尾添加
colors.slice(1,3);                 //复制新数组，并对其分割
colors.slice(-2,-1)                //负数则加上数组长度计算

colors.splice(1,2)                //删除从下标1开始的两项
colors.splice(1,0,'white','pink') //从下标1开始插入两项
colors.splice(2,1,'white','pink') //替换

var values = [1,2,3,4,5,6];

var sum = values.reduce(function(pre,cru,index,array) {
    return pre + cru;
});

alert(sum);

var now = new Date;

now;
//Thu May 17 2018 16:00:44 GMT+0800 (中国标准时间)
Date.parse(now);
//1526544044000
Date.UTC(now);
//NaN
var start = Date.now();

var stop = Date.now();

result = stop - start;
//28064

var text = 'mom and dad and baby';

var pattern = /mom( and dad( and baby)?)?/gi;

var matches = pattern.exec(text);
alert(matches.index);     //0
alert(matches.input);        //'mom and dad and baby'
alert(matches[0]);            //'mom and dad and baby'
alert(matches[1]);            //'and dad and baby'
alert(matches[2]);            //'and baby'

var status = pattern.test(text);     //true

var data = [{'name':'Eric','age':24},{'name':'Cherry','age':23},{'name':'Bob','age':33}];

function compare(propertyName) {
    return function(object1,object2) {
        var value1 = object1[propertyName];
        var value2 = object2[propertyName];

        return value1 - value2;
    }
}

data.sort(compare('age'));
alert(data);   //按年龄排序

function factorial(num) {
    if (num<=1) {
        return 1;
    }else {
        return arguments.callee(num-1);
    }
}

function outer() {
    inner();
}

function inner() {
    alert(arguments.callee.caller);
}

outer();  //弹出outer函数源代码

function sum(num1,num2) {
    return num1 + num2;
}

function callNum(num1,num2) {
    return sum.apply(this,arguments);
}

window.color = 'red';

var o = { color:'blue' };

function sayColor() {
    alert(this.color);
}

sayColor.apply(this);  //'red'
sayColor.call(o);　　　　//'blue'

var newSayColor = sayColor.bind(o);
newSayColor();

var stringValue = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit';
var position = new Array();
var pos = stringValue.indexOf('e');

while(pos > -1) {
    position.push(pos);
    pos = stringValue.indexOf('e',pos + 1);
}

alert(position);

function htmlEscape(text) {
    return text.replace(/[<>"&]/g,function(match,pos,originalText) {
        switch(match) {
            case '<':
                return '<';
            case '>':
                return '>';
            case '\"':
                return '"';
            case '&':
                return '&';
        }
    });
}