5章 引用类型

• 每一项可以保存任何类型的数据；

• 大小可以动态调整

• length大小可变（最大值4294967295）

//不指定大小var colors1 = new Array();//指定大小var colors2 = new Array(20); //指定数组项var color3 = new Array(‘red‘, ‘blue‘, ‘green‘);//省略new 操作符var color4 = Array(‘‘red‘, ‘blue‘, ‘green‘);

var colors1 = [‘red‘, ‘blue‘, ‘green‘];//是哟那个字面量的BUG//这样会创建一个2（IE9+等）或3（IE8-）项的数组var values = [1 ,2, ];

• toLocalString()    ：    调用数组每一项的toLocalString()方法，将返回的每个字符串拼接成一个以逗号分隔的字符串。

• toString()    :    （隐式转换默认调用）调用数组每一项的toString()方法，将返回的每个字符串拼接成一个以逗号分隔的字符串。

• valueOf()    :    返回的还是数组。

• join(【】)    :    指定转换成字符串时使用的分隔符，默认或设为undefined将使用‘,‘

• shift()    :    移除数组中的第一项并返回该项，同时将数组长度减一。

var colors = new Array();var count = colors.push(‘red‘, ‘green‘);    //推入两项alert(count);    //2count = colors.push(‘black‘);    //推入另一项alert(count);    //3var item = colors.shift();    //取得第一项alert(item);    //‘red‘alert(colors.length);    //2

var colors = new Array();var count = colors.unshift(‘red‘, ‘green‘);    //推入两项alert(count);    //2count = colors.unshift(‘black‘);    //推入另一项alert(count);    //3var item = colors.pop();    //取得最后一项alert(item);    //‘green‘alert(colors.length);    //2

• reverse()    :    反转数组项的顺序

var values = [1, 2, 3, 4, 5];values.reverse();alert(values);    //5,4,3,2,1sort()    :    接受一个比较函数函数来排序，默认按升序排列(调用每个数组项的toString()转型方法转化为字符串然后对字符串排序)//1.无参数var values = [0, 1, 5, 10, 15];values.sort();alert(values);    //0, 1, 10, 15, 5//2.传入比较函数/**比较函数接受两个参数*/function compare(value1, value2){    //升序    if(value1 < value2){        return -1;    }else if(value1 > value2){        return 1;    }else{        return 0;    }}/*function cpmpare(value1, value2){    return value1 - value2;}*/var values = [0, 1, 5, 10, 15];values.sort(compare);alert(values);    //0, 1, 5, 10, 15

• concat()    :    基于当前数组中设为所有项创建一个新数组

1. 创建当前数组的一个副本；

2. 将接收到的参数[数组|元素][每一项分别添加|添加]到副本的尾部；

3. 返回新构建的数组。

• 删除：    2个参数， (要删除的第一项的位置， 删除的项数)

• 插入：    3+个参数， (起始位置, 0， 插入的项, ...)

• 替换：    3+个参数， (起始位置， 要删除的项数， 插入的项, ...)， 要删除的项数 = 插入的项数

• indexOf()    :    从前往后查找；两个参数， 要查找的项【和表示查找起点位置的索引】，返回查找的项在数组中的位置（没找到返回-1）

• lastIndexOf()    :    从末尾向前查找,其它同上

• 两个参数

• 参数一：在每一项上运行的函数

• 参数二：运行函数的作用于对象（影响 this 的值）

• 传入函数中的方法包含三个参数

• 参数一：数组项的值

• 参数二：该项在数组中的索引下标

• 参数三：数组对象本身

• 都不会修改数组中包含的值。

• every()    ：    对数组中的每一项给定函数，每一项都返回true，则返回true

• filter()    :    对数组中的每一项给定函数，返回会返回true的项组成的数组

• forEach()    :    对数组中的每一项给定函数,没有返回值

• map()    ：   对数组中的每一项给定函数 ，返回每次函数调用的结果组成的数组

• some()    :    对数组中的每一项给定函数,只要有一项返回true,就返回true

• 参数一：param {function} 在每一项上调用的函数（4个参数）

• 参数一：前一个值

• 参数二： 当前值

• 参数三：项的索引

• 参数四：  数组对象

• 参数二：【param {}】作为缩小基础的初始值

• reduce()    :    从第一项开始迭代数组的所有项，然后构建一个最终返回的值

var values = [1,2,3,4,5];var sum = values.reduce(function(prev,cur,index,array){    return prev + cur;});alert(sum);    //15

• reduceRight()    :    从最后一项开始迭代数组的所有项，然后构建一个最终返回的值

var values = [1,2,3,4,5];var sum = values.reduceRight(function(prev,cur,index,array){    return prev + cur;});alert(sum);    //15

var nowDate = new Date();    //当前时间var specifyDate = new Date(1409540631971);var parseDate = new Date(‘May 25, 2014‘);    //后台自动调用Date.parse()将字符串转为毫秒数var utcDate = new Date(2014, 4, 5, 17, 55, 55);     //将根据本地时区转换为毫秒数（不同于Date.UTC(),后者参照GTC(格林尼治)）

• 基于Java的java.util.Date构建；

• 使用UTC毫秒数保存日期（1970.01.01    +-    285616年）。

var someDate = new Date(Date.parse(‘May 25, 2004‘));

• Date.UTC(n个参数)

//GMT时间2000年1月1日午夜零时var y2k = new Date(Date.UTC(2000,0));//GMT时间2014年9月1日上午10:53var y2k = new Date(Date.UTC(2014, 8, 1, 10, 53));

• Date.now()

• new Date.getTime();

• +new Date().    兼容性更好，推荐

//取得开始时间//var start = new Date().getTime();//var start = +new Date();var start = Date.now();   doSomething();//取得停止时间var stop = Date.now(),result = stop - start;

• new Date().toString()

• new Date().toLocalString()

• new Date().valueOf()

• toDateString()

• toTimeString()

• toLocalDateString()

• toLocalTimeString()

• toUTCString()    (toGTMString()不推荐)

• 函数声明

/** 特点* 1.具有局限性，不能定义在if、while、for、try-catch等结构中* 2.可以定义在被引用后（函数声明提前）*/function sum(num1, num2){    return num1+num2;}

• 函数表达式

/** 特点* 1.可以定义在任何位置*/var sum = function(num1, num2){    return num1 + num2;};

• Function构造函数

/** 最后一个参数是函数体，前面的所有参数枚举出新函数的参数* 特点：* 1.存在性能问题，需要解析两次（第一次是解析常规ECMAScript代码；第二次解析传入构造函数的字符串）* 2.执行环境为window* 3.可以看作一种函数表达式*/var sum = new Function(num1, num2){    return num1 + num2;};

/*** 对数组对象进行排序的比较函数* @param{string} propertyName 按照哪个属性来排序* @return{function} 比较函数*/function createComparisonFunction(propertyName){    return function(obj1, obj2){        var value1 = obj1[propertyName];        var value2 = obj2[propertyName];        if(value1 < value2){            return -1;        }else if(value1 > value2){            reuturn 1;        }else{            return 0;        }    };}var data = [{name:‘Zachary‘, age:28}, {name:‘Nicholas‘, age:29}];data.sort(createComparisonFunction(‘name‘);alert(data[0].name);    //Nicholasdata.sort(createComparisonFunction(‘age‘);alert(data[0].name);    //Zachary 

• arguments    :    类数组对象

• arguments.callee    :    (ECMAScript 5)指向拥有这个arguments对象的函数                

• length    :    函数希望接收的命名参数的个数

function sayName(name){    alert(name);}function sum(num1, num2){    return num1 + num2;}function sayHi(){    alert(‘hi‘);}alert(sayName.length);    //1alert(sum.length);    //2alert(sayHi.length);    //0

• prototype    ：    （不可枚举）指向原型的指针，保存着所有的实例方法

• apply()    :    每个函数都包含该方法，用于在特定的域中调用。接受两个参数（作用域和参数数组）

function sum(num1, num2){    return num1 + num2;}function callSum1(num1, num2){    return sum.apply(this, arguments);    //传入arguments对象数组(apply将其当作一个普通数组使用)}function callSum2(num1, num2){    return sum.apply(this, [num1, num2]);    //传入arguments对象}alert(callSum1(10, 10));    //20alert(callSum2(10,10));    //20

• call()    ：    和apply()类似，不过传递给函数的参数必须逐个列出来而不是给数组

function sum(num1, num2){    return num1 + num2;}function callSum(num1, num2){    return sum.call(this, num1, num2);    //传入arguments对象数组(apply将其当作一个普通数组使用)}alert(callSum1(10, ));    //20

1. 创建String类型的一个实例；
   

2. 在实例上调用指定的方法；
   

3. 销毁这个实例。

//情况一：基本类型调用相应包装类型的方法时自动封装var s1 = ‘some text‘;var s2 = s1.substring(2);//情况二：Object构造函数根据传入的值得类型返回基本包装类型实例var obj = new Objetc(‘some text‘);alert(obj instanceof String);    //true//情况三：转型函数，不同于使用new调用包装类型的构造函数var value = ‘25‘;var number = Number(value);   alert(typeof number);    //‘number‘

• valueOf()    :    返回表示基本类型的数值

• toString()    OR toLocalString()    :    返回字符串形式的数值

• toFixed()    :    接受一个参数，按照指定的小数位返回数值的字符串表示（IE8存在BUG）

• toRxponential()    :    使用e表示法接收一个参数，指定结果中的小数位数

• toPrecision()    :    返回固定大小格式或指数形式，接受一个参数，表示数值的所有数组位数（不包括指数部分）

var num = 10.005;alert(num.toFixed(2));    //‘10.01‘alert(num.toExponential(2));    //‘1.00e+1‘alert(num.toPrecision(2));    //‘10‘

• length    :    表示字符串中包含的字符数量

• charAt()    :    以单字符字符串的形式返回给定位置的字符

• charCodeAt()    ：    以字符编码的形式返回给定位置的字符的字符编码

• stringObj[num]    :    (ECMAScript 5)使用方括号加数字索引来访问字符串的特定字符

var stringValue = ‘hello world‘;alert(stringValue.charAt(1));    //‘e‘alert(stringVlaue.charCodeAt(1));    //‘101‘alert(stringVlaue[1]);

• concat()    :    将多个字符串拼接起来，返回拼接得到的心字符串

• indexOf(item,[startIndex])    :    item{string} 从一个字符串中搜索第一个给定的子字符串，[startIndex]指定开始搜索的位置，返回子字符串的位置（没有返回-1）

• lastIndexOf(item)    ：    从后往前搜索，其它同上

var stringValue = ‘hello world‘;alert(stringValue.indexOf(‘o‘, 6));    //7alert(stringValue.lastIndexOf(‘0‘, 6));    //4

var stringValue = ‘    hello world    ‘;var trimmedStringVakue = stringValue.trim();alert(stringValue);    //‘    hello world    ‘alert(trimmedStringValue);    //‘hello world‘

• toLowerCase()    :    转换成小写

• toLocalLowerCase()    ：    转换成小写（只针对特定地区的实现）

• toUpperCase()    ：    转换成大些

• toLocalUpperCase()    ：    转换成大写（只针对特定地区的实现）

• match([正则表达式|RegExp对象])    :    本质上与调用EegExp.exec()相同,返回一个数组，数组的第一项是与整个模式匹配的字符串，之后的每一项保存着与正则表达式中的捕获组匹配的字符串。

• search([正则表达式|RegExp对象])    :    返回字符串中第一个匹配项的索引，没有返回-1。该方法始终从字符串开头向后查找模式。

function htmlEscape(text){    return text.replace(/[<>"&]/g, function(match, pos, originalText){        switch(match){            case ‘<‘:                return ‘$lt;‘;            case ‘>‘:                return ‘>‘;            case ‘&‘:                return ‘&‘;            case ‘\"‘:                return ‘"‘;        }    });}alert(htmlEscape(‘<p class="greeting">Hello world!</p>‘));    //<p class=$quot;greeting">Hello world!</p>

• split(stringValue, [arrarLength])    :    基于指定的分隔符将一个字符串分割成为多个子字符串，并将结果放在一个数组中。可以使用正则表达式（因浏览器而异）

var colorText = ‘red, blue, green , yellow‘;var colors1 = colorText.split(‘,‘);    //[‘red‘, ‘blue‘, ‘green‘, ‘yellow‘]var colors2 = colorText.split(‘,‘, 2);    //[‘red‘, ‘blue‘]var colors3 = colorText.split(/[^\,] +/);    //["", ",", ",", ",", ""]

• 如果字符串在字母表中应该排在字符串参数之前，则返回一个负数（大部分情况下是-1）

• 如果字符串等于字符串参数，返回0；

• 如果字符串在字母表中应该排在字符串参数之后，返回一个整数（大部分时候是1）.

var stringValue = ‘‘yellow;alert(stringValue.localeCompare(‘brick‘));    //1alert(stringValue.localeCompare(‘yellow‘));    //0alert(stringValue.localeCompare(‘zoo‘));

alert(String.fromCharCode(104, 101, 108, 111));    //‘hello‘

• encodeURI()    :    对整个URI进行编码，用特殊的UTF-8编码替换所有无效的字符。不会对本身属于URI的特殊字符进行编码，例如冒号、正斜杠、问号和井字号。

• encodeURIComponent()    ：    对URI的某一段进行编码，会对它发现的任何非标准字符进行编码。(更常用，应为实践中更多只对查询字符串参数进行编码)

var uri = ‘http://www.wrox.com/illegal value.htm#start ‘;//‘http://www.wrox.com/illegal%20value.htm#start‘alert(encodeURI(uri));//‘http%3A%2F%2Fillegal%20value.htm%23start‘alert(encodeURIComponent(uri));

• decodeURI()    :    解码encodeURI()编码的URI

• decodeURICompoment()    ：    解码encodeURIComponebt()编码的URI

var uri = ‘http%3A%2F%2Fillegal%20value.htm%23start‘;//http%3A%2F%2Fillegal%20value.htm%23startalert(decodeURI(uri));//http://www.wrox.com/illegal value.htm#startalert(decodeURIComponent(uri));

• 通过eval()执行的代码被认为是包含该次调用的执行环境的一部分，具有与执行环境相同的作用域链；

• 只在eval()执行的时候创建，没有声明提升；

• 严格模式先在外部访问不到eval()中创建的任何变量和函数。

• Math.ceil()    :    执行向上舍入

• Math.floor()    ：    执行向下舍入

• Math.round()    ：    四舍五入

function selectFrom(lowerValue, upperValue){    var choices = upperValue - lowerValue + 1;    return Math.floor(Math.random() * choices + lowerValue);}var num = selectFrom(2,10);alert(sum);    //介于2和10之间（包含）的一个数