JavaScript封装好的方法

1. JavaScript 数据类型: 字符串、数字、布尔、数组、对象、Null、Undefined

　　细分:

      基本类型/值类型: 数值、布尔值、null、undefined

      引用类型：对象、数组、函数。

      行为与基本类型相似的不可变引用类型: 字符串(字符串具有可变的大小，它不能被直接存储在具有固定大小的变量中, 但没法改变一个字符串值的内容, 字符串在许多方面都和基本类型的表现相似)

2. JavaScript判断类型

　　number、string、array、object、Boolean、null、undefined
　　1. typeof array、object、null都返回object
　　2. instanceof只能用来判断对象和函数，不能用来判断字符串和数字. 

　　　　X instanceof Array 判断数组
　　　　[] instanceof Array

var a = '123';
a instanceof String // false
var b = new String('123');
b instanceof String // true
typeof a =='string' // true
var c = [1,2,3];
c instanceof Array // true
var d = {'1': '1'};
d instanceof Object // true
var e = 1;
e instanceof Number; // false
var f = new Number(1);
f instanceof Number; // true

　　3. X.constructor == Array/Object/String/Number/Boolean

3. JavaScript 对象

No1. Array

**********************************************************************************

　　Type1. 不会改变现有的数组

　　--------------------------------------------------------------------------

　　1. concat()　　　　

arrayObject.concat(arrayX,arrayX,......,arrayX)。
arrayX 必需。该参数可以是具体的值/数组对象。可以是任意多个。
连接两个或更多的数组，并返回结果(不去重)。
var a = [1,2,3];
b = a.concat(4,5); //[1,2,3,4,5]

var a = [1,2,3];
var b = [1,2,3];
c = a.concat(b) //[1, 2, 3, 1, 2, 3]

　　2. jion()　　　

arrayObject.join(separator)
separator   可选。指定要使用的分隔符。默认,。
把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。

var a = [1,2,3];
a.join()             //"1,2,3"
a.join('.')          //"1.2.3"

　　3. slice()　　　　

arrayObject.slice(start,end) 左闭右开
start   必需。选取开始位置。负数，表示从数组尾部开始算起的位置。-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
end 可选。结束位置。该参数是结束的数组下标。如果没有指定该参数，那么包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。
var a = [1,2,3,4,5,6,7,8];
a.slice(0)              // [1, 2, 3, 4, 5, 6, 7, 8]
a.slice(1)              // [2, 3, 4, 5, 6, 7, 8]
a.slice(3,5)            // [4, 5]
a.slice(-3,-2)          // [6]
a.slice(-1,-2)          // []

　　4. toString()  把数组转换为字符串，并返回结果。

arrayObject.toString()  == arrayObject.join()
var a = [1,2,3];
a.toString()              // "1,2,3"

　　5. toLocaleString()

arrayObject.toLocaleString()
把数组转换为本地数组，并返回结果。toLocaleString()方法,主要用于将数组 Number对象或Date对象转换为本地格式的字符串.
var a = [1,2,3];
a.toLocaleString()              // "1, 2, 3 "

　　Type2. 会改变现有的数组

　　--------------------------------------------------------------------------

　　6. pop()　　　　

arrayObject.pop()
方法将删除 arrayObject 的最后一个元素，把数组长度减1，并且返回它删除的元素的值。
如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。
var a = [1,2,3];
a.pop()  //3
a        // [1,2]
a.pop()  //2
a.pop()  //1
a.pop()  //undefined

　　7. shift() 

arrayObject.shift()
方法用于把数组的第一个元素从其中删除，把数组长度减1，并返回第一个元素的值。
如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值。
var a = [1,2,3];
a.shift() // 1

 　　8. push()

arrayObject.push(newelement1,newelement2,....,newelementX) 该方法会改变现有的数组(arrayObject)。
newelement1 必需。要添加到数组的第一个元素。
newelement2 可选。要添加到数组的第二个元素。
newelementX 可选。可添加多个元素。
向数组的末尾添加一个或更多元素，并返回新的长度。
var a = [1,2,3];
var b = [1,2,3];
a.push(5)          // 4
a                  // [1, 2, 3, 5]
a.push(b)          // 5
a                  // [1, 2, 3, 5, [1,2,3]]

9. unshift()

arrayObject.unshift(newelement1,newelement2,....,newelementX)
newelement1 必需。向数组添加的第一个元素。
newelement2 可选。向数组添加的第二个元素。
newelementX 可选。可添加若干个元素。
向数组的开头添加一个或更多元素，并返回新的长度。无法在 Internet Explorer 中正确地工作！
var a = [1,2,3];
a.unshift(0)          // 4
a                     // [0, 1, 2, 3]
a.unshift(0,1,2,3)    // 8
a                     //[0, 1, 2, 3, 0, 1, 2, 3]

10. reverse()

arrayObject.reverse()  颠倒数组中元素的顺序。
var a = [1,2,3];
a.reverse()           // [3, 2, 1]
a                     // [3, 2, 1]

11. sort()

arrayObject.sort(sortby)
sortby  可选。规定排序顺序。必须是函数。
方法用于对数组的元素进行排序。根据字母排序的
var a = [1,2,3, [1,2,3]];
a.sort()                   // [1,[1,2,3],2,3]
a                          // [1,[1,2,3],2,3]
var b = [1,10,1000,25,40,5];
// ****************
sortNumber(a,b)
{
    return b-a
}
b.sort()                   //[1, 10, 1000, 25, 40, 5]
b.sort(sortNumber)         // [1000, 40, 25, 10, 5, 1]
a.sort(sortNumber)         // [1,[1,2,3],3,2]

12. splice()

arrayObject.splice(index,howmany,item1,.....,itemX)
index   必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
howmany 必需。要删除的项目数量。如果设置为 0，则不会删除项目。
item1, ..., itemX   可选。向数组添加的新项目。
删除元素，并向数组添加新元素。返回的是含有被删除的元素的数组。否则是[]
var a = [1,2,3];
a.splice(3,0,'')         // []
a                        // [1, 2, 3, ""]
a.splice(3,0)            // []
a                        // [1, 2, 3, ""]
a.splice(3,1)            // [""]
a                        // [1, 2, 3]
a.splice(3,0,5,6,7,8)    // []
a                        // [1, 2, 3, 5, 6, 7, 8]
a.splice(3,0,4)          // []
a                        // [1, 2, 3, 4, 5, 6, 7, 8]
a.splice(3,4)            // [4, 5, 6, 7]
a                        // [1, 2, 3, 8]

No2. Boolean

**********************************************************************************

1. toString() 

booleanObject.toString() 把数组转换为字符串，并返回结果。该方法不会改变现有的数组(booleanObject)。
a = true
a.toString()      //"true"

No3. Number

**********************************************************************************

1. toString()

NumberObject.toString(radix) 把数组转换为字符串，并返回结果。该方法不会改变现有的数组(NumberObject)。
radix   可选。规定数字的基数，使 2 ~ 36 之间的整数。默认基数 10。10 以外的其他值，则 ECMAScript 标准允许实现返回任意值。
var number = 32
number.toString(2)    // "100000"
number.toString(8)    // "40"
number.toString(16)   // "20"

2. toLocaleString()

NumberObject.toLocaleString()
根据本地规范进行格式化，可能影响到小数点或千分位分隔符采用的标点符号。
var number = 32
number.toLocaleString()    // "32"

3. toFixed()

NumberObject.toFixed(num) 可把 Number 四舍五入为指定小数位数的数字。
num 必需。规定小数的位数[0~20]，或更大。默认0。
var number = 32.55
number.toString()    // "33"
number.toFixed(1)    // "32.5" //存在问题
number.toFixed(2)    // "32.55"
number.toFixed(3)    // "32.550"
function refineToFixed(number,fractionDigits){
    return Math.round(number * Math.pow(10,fractionDigits)) / Math.pow(10,fractionDigits);
}
number.toFixed(number, 1)    // "32.6" //存在问题

4. toPrecision()

NumberObject.toPrecision(num)可在对象的值超出指定位数时将其转换为指数计数法。
num   必需。规定必须被转换为指数计数法的最小位数[1~21]。
有效实现允许有选择地支持更大或更小的 num。
如果省略了该参数，则调用方法 toString()，而不是把数字转换成十进制的值。
var number = 10000000
number.toPrecision(4)  // "1.000e+7"
var number = 10
number.toPrecision(4)  //  "10.00"

No4. Date

**********************************************************************************

1. Date()  返回当日的日期和时间。 

Date()   // "Tue Mar 14 2017 11:09:04 GMT+0800 (CST)"

2. getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
3. getDay() 从 Date 对象返回一周中的某一天 (0(周日)到 6(周六))。
4. getMonth() 从 Date 对象返回月份 (0 ~ 11)。
5. getFullYear() 从 Date 对象以四位数字返回年份。
7. getHours() 返回 Date 对象的小时 (0 ~ 23)。
8. getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。
9. getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。
10. getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。
11. getTime() 返回 1970 年 1 月 1 日至今的毫秒数。
12. getTimezoneOffset() 返回本地时间与格林威治标准时间 (GMT) 的分钟差。
13. getUTC***() 根据世界时

var d = new Date();       // 2017-03-14  周二
var birthday = new Date("July 21, 1983 01:15:00")
d                       // Tue Mar 14 2017 11:16:04 GMT+0800 (CST)
d.getDate()             // 14
d.getDay()              // 2
d.getMonth()            // 2  //3月
d.getFullYear()         // 2017
d.getHours()            // 11
d.getMinutes()          // 16
d.getSeconds()          // 4
d.getMilliseconds()     // 462
d.getTime()             // 1489461364462
d.getTimezoneOffset()   // -480
d.getUTCDate()          // 14
d.getUTCHours()         // 3  //晚8个小时

14. parse() 返回1970年1月1日午夜到具体日期（字符串）的毫秒数。到日

Date.parse(datestring)
datestring  必需。表示日期和时间的字符串。

var d = Date.parse("Tue Mar 14 2017 11:16:04 GMT+0800 (CST)")
d          // 1489461364000

15. setDate() 设置 Date 对象中月的某一天 (1 ~ 31)。
16. setMonth() 设置 Date 对象中月份 (0 ~ 11)。
17. setFullYear() 设置 Date 对象中的年份（四位数字）。
18. setHours() 设置 Date 对象中的小时 (0 ~ 23)。
19. setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)。
20. setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。
21. setMilliseconds() 设置 Date 对象中的毫秒 (0 ~ 999)。
22. setTime() 以毫秒设置 Date 对象。
23. setUTC***() 根据世界时

dateObject.setDate(day)
dateObject.setMonth(day)
dateObject.setFullYear(day)
dateObject.setHours(day)
dateObject.setMinutes(day)
dateObject.setSeconds(day)
dateObject.setMilliseconds(day)
dateObject.setTime(day)

var d = new Date()  // 2017-03-14 周二
d                       // Tue Mar 14 2017 12:05:09 GMT+0800 (CST)
d.setDate(15)           // 1489550709064
d                       // Wed Mar 15 2017 12:05:09 GMT+0800 (CST)
d.setMonth(4)           // 1494821109064
d                       // Mon May 15 2017 12:05:09 GMT+0800 (CST)
d.setSeconds(36)        // 1494821136064
d                       // Mon May 15 2017 12:05:36 GMT+0800 (CST)

dateObject.setTime(millisec)调用 Date.UTC() 和 Date.parse()方法获得值
var d = new Date()
d                         // Tue Mar 14 2017 12:11:13 GMT+0800 (CST)
d.setTime(1494821136064)  // 1494821136064
d                         // 

24. toString()  把 Date 对象转换为字符串。

dateObject.toString()
var d = new Date()
d                       // Tue Mar 14 2017 12:22:50 GMT+0800 (CST)
d.toString()            // "Tue Mar 14 2017 12:22:50 GMT+0800 (CST)"

25. toTimeString() 把 Date 对象的时间部分转换为字符串。
26. toDateString() 把 Date 对象的日期部分转换为字符串。

var d = new Date()
d                       // Tue Mar 14 2017 12:24:59 GMT+0800 (CST)
d.toTimeString()        // "12:24:59 GMT+0800 (CST)"
d.toDateString()        // "Tue Mar 14 2017"

27. toUTCString()   根据世界时，把 Date 对象转换为字符串。

var d = new Date()
d                       // Tue Mar 14 2017 12:24:59 GMT+0800 (CST)
d.toUTCString()         // "Tue, 14 Mar 2017 04:26:12 GMT"  //晚8小时

28. toLocaleString() 根据本地时间格式，把 Date 对象转换为字符串。
29. toLocaleTimeString() 根据本地时间格式，把 Date 对象的时间部分转换为字符串。
30. toLocaleDateString() 根据本地时间格式，把 Date 对象的日期部分转换为字符串。

var d = new Date()
d                       // Tue Mar 14 2017 12:28:38 GMT+0800 (CST)
d.toLocaleString()      // "3/14/2017, 12:28:38 PM"
d.toLocaleTimeString()  // "12:28:38 PM"
d.toLocaleDateString()  // "3/14/2017"

31. UTC()   根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。 与parse()比较

Date.UTC(year,month,day,hours,minutes,seconds,ms)
Date.UTC(2017,3,14)         // 1492128000000

No5. Math

**********************************************************************************

1. random() 返回 0 ~ 1 之间的随机数。[0,1)
2. abs(x) 返回数的绝对值。
3. ceil(x) 对数进行上舍入。
4. floor(x) 对数进行下舍入。
5. round(x) 把数四舍五入为最接近的整数。
6. sqrt(x) 返回数的平方根。
7. max(x,y) 返回 x 和 y 中的最高值。
8. min(x,y) 返回 x 和 y 中的最低值。
9. pow(x,y) 返回 x 的 y 次幂。

Math.pow(2,3)           // 8
Math.pow(-2,3)          // -8
Math.pow(-2,4)          // 16

// 获取一定区域的随机整数值
//可取到最大值
function getRandomNum(minNum,maxNum) {
    var numRange = maxNum - minNum;
    var randNum = Math.random();  // [0,1)
    return (minNum + Math.round(randNum * numRange));
}

//可取到最大值, 几率大
function getRandomNum(minNum,maxNum) {
    var numRange = maxNum - minNum +１;
    var randNum = Math.random();  // [0,1)
    return (minNum + Math.floor(randNum * numRange));
}

//小数
function getRandomNum(minNum,maxNum) {
    var numRange = maxNum - minNum +１;
    var randNum = Math.random();  // [0,1)
    return minNum + randNum * numRange;
}

var num = getRandomNum(2,32);

//重写toFixed方法
function refineToFixed(number,fractionDigits){
    return Math.round(number * Math.pow(10,fractionDigits)) / Math.pow(10,fractionDigits);
}

No6. String

********************************************************************************** 

1. charAt() 返回在指定位置的字符。
2. charCodeAt() 返回在指定的位置的字符的 Unicode 编码。

stringObject.charAt(index)
index   必需。表示字符串中某个位置的数字，即字符在字符串中的下标。
var str="test";
str.charAt(1)       // "e"
str.charAt(5)       // ""
str.charCodeAt(1)   // 101

3. concat()    连接字符串。 该方法不会改变现有的字符串, 使用"+"进行字符串的连接

stringObject.concat(stringX,stringX,...,stringX)
stringX 必需。将被连接为一个字符串的一个或多个字符串对象。
var str1="test: "
var str2="No1"
str1.concat(str2)       // "test: No1"
str1                    // "test: "
str1 + str2             // "test: No1"
str1                    // "test: "

4. fontcolor() 使用指定的颜色来显示字符串。
5. fontsize() 使用指定的尺寸来显示字符串。

stringObject.fontcolor(color)
color 必需。该值必须是颜色名(red)、RGB 值(rgb(255,0,0))、十六进制数(#FF0000)。
var str="test"
str.fontcolor("Red")    // "<font color="Red">test</font>"
str.fontsize(7)         // "<font size="7">test</font>"
str                     //"test"

6. indexOf() 检索字符串。 可返回某个指定的字符串值在字符串中首次出现的位置。
7. lastIndexOf() 从后向前搜索字符串。索引位置与indexOf相同

stringObject.indexOf(searchvalue,fromindex)
searchvalue 必需。规定需检索的字符串值。
fromindex   可选的整数参数。规定在字符串中开始检索的位置。[0~stringObject.length - 1]。如省略该参数，则将从字符串的首字符开始检索。
var str = 'orange';
str.indexOf('o');           // 0
str.lastIndexOf('o')        // 0
str.indexOf('n');           // 3
str.indexOf('c');           // -1
var num = 2017;
num.toString().indexOf(2);  // 0
('' + num).indexOf(2);      // 0

var arr = ['2015', '2016', '2017'];
arr.indexOf(2)              // -1
arr.indexOf('2')            // -1
arr.indexOf('2015')         // 0
arr.toString().indexOf('2') // 0
arr.toString().indexOf(2)   // 0

8. localeCompare() 用本地特定的顺序来比较两个字符串。

stringObject.localeCompare(target)
stringObject > target  返回1
stringObject < target  返回-1
stringObject == target 返回0

'1'.localeCompare('2')         // -1
'1'.localeCompare('-1')        // 1
'1'.localeCompare('1')          // 0
var str=['3', '1', '2'];
str.sort(function(a,b){return a.localeCompare(b)})

9. match() 找到一个或多个正则表达式的匹配。该方法类似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。

stringObject.match(searchvalue/regexp)
searchvalue 必需。规定要检索的字符串值。
regexp  必需。规定要匹配的模式的 RegExp 对象。如果该参数不是 RegExp 对象，则需要首先把它传递给 RegExp 构造函数，将其转换为 RegExp 对象。
　　　　　　　　如果 regexp 没有标志 g,只查找一次,有g,全局检索.
var str = 'test1 test2 test3';
str.match('test')            // ["test"]
str.match(/d+/g)            // ["1", "2", "3"]
str.match(/d+/)             // ["1"]

10. replace()   替换与正则表达式匹配的子串。

stringObject.replace(regexp/substr,replacement)
regexp/substr   必需。该值是一个字符串，则将它作为要检索的直接量文本模式.
replacement 必需。一个字符串值。规定了替换文本或生成替换文本的函数。

var str = 'test1 test2 test3';
str.replace(/test/g, "Test")        // "Test1 Test2 Test3"
str.replace(/test/, "Test")         // "Test1 test2 test3"

　　11. search()    检索与正则表达式相匹配的值。

stringObject.search(regexp)

var str = 'test1 Test2 test3';
str.search('Test')          // 6
str.search(/Test/)          // 6
str.search(/Test/i)         // 0
str.search(/Test/g)         // 6

12. slice() 提取字符串的片断，并在新的字符串中返回被提取的部分。

stringObject.slice(start,end)
start   起始下标。-1 指字符串的最后一个字符，-2 指倒数第二个字符，以此类推。
end 结尾下标。默认字符串结尾。负数同上
var str = 'test1 Test2 test3';
str.slice(6)        // "Test2 test3"
str.slice(6, 11)    // "Test2"
str                 // "test1 Test2 test3"

13. substr()    从起始索引号提取字符串中指定数目的字符。

stringObject.substr(start,length)
start   起始下标。-1 指字符串的最后一个字符，-2 指倒数第二个字符，以此类推。
length  可选。子串中的字符数。必须是数值。默认从 start位置到结尾的字串。
var str = 'test1 Test2 test3';
str.substr(6)               // "Test2 test3"
str.substr(6, 5)            // "Test2"
str                         // "test1 Test2 test3"

 14. substring() 提取字符串中两个指定的索引号之间的字符。一般不用

stringObject.substring(start,stop)
start   必需。>0 整数，
stop    可选。>0 整数，默认从 start位置到结尾。
var str = 'test1 Test2 test3';
str.substring(6)      // "Test2 test3"
str.substring(6, 11)  // "Test2"
str                   // "test1 Test2 test3"

15. split() 把字符串分割为字符串数组。
16. toString() 返回字符串。

stringObject.split(separator,howmany)
separator   必需。字符串或正则表达式，从该参数指定分割。
howmany 可选。限制数组长度。无该参数，整个字符串都会被分割。
var str = 'test1 Test2 test3';
str.split(" ")      // ["test1", "Test2", "test3"]
str.split(" ",2)    // ["test1", "Test2"]
tr.split("",2)      // ["t", "e"]
str                 // "test1 Test2 test3"
str.split(" ",2).toString()         // "test1,Test2"

17. toLocaleLowerCase() 把字符串转按照本地方式换为小写。几种特殊字符不同
18. toLocaleUpperCase() 把字符串转按照本地方式换为大写。
19. toLowerCase() 把字符串转换为小写。
20. toUpperCase() 把字符串转换为大写。

var str = "aBcDeF";
str.toLocaleLowerCase()         // "abcdef"
str.toLocaleUpperCase()         // "ABCDEF"
str.toLowerCase()               // "abcdef"
str.toUpperCase()               // "ABCDEF"

No7. 全局对象

********************************************************************************** 

1. decodeURI() 解码某个编码的 URI。
2. encodeURI() 把字符串编码为 URI。
3. decodeURIComponent() 解码一个编码的 URI 组件。
4. encodeURIComponent() 把字符串编码为 URI 组件。

decodeURI(URIstring)
URIstring   必需。一个字符串，含有要解码的 URI 或其他要解码的文本。

var str = 'www.baidu.com/test test'
encodeURI(str)              // "www.baidu.com/test%20test"
decodeURI(encodeURI(str))   // "www.baidu.com/test test"
encodeURIComponent(str)     // "www.baidu.com%2Ftest%20test"
decodeURIComponent(encodeURIComponent(str))  // "www.baidu.com/test test"
decodeURI(encodeURIComponent(str))      // "www.baidu.com%2Ftest test"

5. isNaN() 检查某个值是否是数字。
6. Number() 把对象的值转换为数字。
7. parseFloat() 解析一个字符串并返回一个浮点数。
8. parseInt() 解析一个字符串并返回一个整数。
9. String() 把对象的值转换为字符串。