JS中的系统对象（本地对象）

数组对象

var arr = new Array();

数组的方法如下：
1.push()：将参数顺序添加到arr的尾部；返回值：添加后数组的长度。

var arr = [1,2,3];
arr.push(4);
console.log(arr); // 1,2,3,4
console.log(arr.push(4)); // 4

2.unshift()：把参数顺序添加到arr的开头；返回值：添加后数组的长度。

var arr = [1,2,3];
arr.unshift(4);
console.log(arr); // 4,1,2,3
console.log(arr.unshift(4)); // 4

3.pop()：删除arr中最后一个元素；返回值：被删除的元素。

var arr = [1,2,3];
arr.pop();
console.log(arr); // 1,2
console.log(arr.pop()); // 3

4.shift()：删除arr中的第一个元素；返回值：被删除的元素。

var arr = [1,2,3];
arr.shift();
console.log(arr); // 2,3
console.log(arr.shift()); // 1

5.join()：把数组中的所有元素放入一个字符串。参数是分隔符，为空时默认用‘，’分割。

var arr = [1,2,3];
var str = arr.join();
var str2 = arr.join('-');
console.log(str); // 1,2,3
console.log(str2); // 1-2-3

6.reverse()：用于颠倒数组中元素的顺序。

var arr = [1,2,3];
arr.reverse();
console.log(arr); // 3,2,1 

7.sort()：用于对数组的元素进行排序；返回排序好的数组。

var arr = [3,1,2];
arr.sort();
console.log(arr); // 1,2,3
console.log(arr.sort()); // 1,2,3

注：
① 即使数组中的每一项都是数值，sort（）方法比较的也是字符串。
② sort（）方法可以接受一个比较函数作为参数；

var arr = [32,11,23,10,22,33];
arr.sort(funcition(n1,n2){ruturn n1<n2});
console.log(arr); // 10,11,22,23,32,33

8.concat()：用于连接多个数组，也可以实现对数组的复制。

var arr1 = [1,2,3];
var arr2 = [4,5,6];
var arr3 = [];
var arr4 = [];
arr3 = arr1.concat(arr2);
console.log(arr3); // 1,2,3,4,5,6
console.log(arr4.concat(arr1)); // 1,2,3

9.slice()：截取数组中的元素片段，返回截取的片段。

var arr1 = [1,2,3,4,5,6];
var arr2 = arr1.slice(2,5);
console.log(arr2); // 3,4,5

注：这个方法用两个参数
① 第一个参数表示截取的开始位置，以下标计算。必填！
② 第二个参数表示截取的结束位置，但是不包含结束位置；如不填就截取到数组结束位置。

10.splice()：这个方法有删除，插入，替换的作用；
I. 删除：

var arr = [1,2,3,4,5,6];
var arr2 = arr.splice(1,2);
console.log(arr); //1,4,5,6
console.log(arr2); // 2,3

注：第一个参数表示从下标为1的位置开始；第二个参数表示删除多少个数值，如果为0则不删除任何数值，如不填则删除从1开始的所有数值。

II. 插入

var arr = [1,2,3,4,5,6];
var arr2 = arr.splice(1,0,9,8);
console.log(arr); // 1,2,3,9,8,4,5,6
console.log(arr2); // []

注：
① 第一个和第二个参数跟删除功能一样；
② 第三个参数开始就是将要插入的数值。

III. 替换

var arr = [1,2,3,4,5,6];
var arr2 = arr.splice(1,2,9,8);
console.log(arr); // 1,2,9,8,4,5,6
console.log(arr2); // 2,3

注：
① 第一个和第二个参数跟删除功能一样；
② 从第三个参数就是将要替换的内容，如果第二个参数为0，则不是替换，而是插入内容。

11.indexOf()：从数组的开头开始查找参数在数组中的位置，返回下标位置，如没有找到则返回-1。

var arr = [1,2,3,4,5,6];
var num1 = arr.indexOf(3);
var num2 = arr.indexOf(8);
console.log(num1); // 2
console.log(num2); // -1

12.lastIndexOf()：与indexOf相反，是从数组的末尾开始查找。

字符串方法

1.charAt()：查找字符串中某个位置的字符。

var str = 'abcdef';
var str2 = str.charAt(3);
console.log(str2); // d

2.charCodeAt()：返回字符串中某个位置的字符的字符编码。

var str = 'abcdef';
var str2 = str.charCodeAt(3);
console.log(str2); // 100

3.indexOf()：从一个字符串中查找指定的字符，返回查找到的位置，如没有找到，则返回-1.

var str = 'abcdef';
var num1 = str.indexOf('d');
var num2 = str.indexOf('g');
console.log(num); // 3
console.log(num2); // -1

4.lastIndexOf()：从字符串的末尾开始查找，返回指定字符出现的最后位置。

var str = 'abcded';
var num1 = str.indexOf('d');
console.log(num1); // 5

5.slice()：截取字符串。

var str = 'abcdef';
var str2 = str.slice(2,5);
console.log(str2); // cde

注：
① 第一个参数必填！表示截取的开始位置。
② 第二个参数可选，表示截取的结束位置，如不填则表示截取至字符串末尾。
③ 当参数为负值时，会将参数与字符串的长度相加。

6.substring()：截取字符串。

var str = 'abcdef';
var str2 = str.substring(2,5);
console.log(str2); //cde

注：
① 参数与splice相同；
② 当参数为负数时，会将参数自动转换成0；
③ 这个方法会将两个参数中较小的那个作为第一个参数。

7.substr()：截取字符串。

var str = 'abcdef';
var str2 = str.substr(2,5);
console.log(str2); // cdef

注：
① 第一个参数表示截取的开始位置，必填！
② 第二个参数可选，表示从开始位置截取多少个字符，如不填则表示截取至字符串末尾。
③ 当第二个参数为负数时，会返回空字符串。

8.split()：把一个字符串分割成数组。

var str = 'abcdef';
var arr1 = str.split();
var arr2 = str.split('');
var arr2 = str.split('-');
console.log(arr1); // ['abcdef']
console.log(arr2); // ['a','b','c','d','e','f']
console.log(arr3); // ['abcdef']

9.replace()：在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的字符。

var str = 'abcdefff';
var str2 = str.replace(\aaa\,'f');
var str3 = str.replace(\aaa\g,'f');
console.log(str2); // abcdeaaaff
console.log(str3); // abcdeaaaaaaaaa

10.toUpperCase()：把字符串转换成大写。

var str = 'abcdef';
var str2 = str.toUpperCase();
console.log(str2); // ABCDEF

11.toLowerCase()：把字符串转换成小写。

12.trim()：清楚字符串两侧的空格。

var str = ' abcdef ';
var str2 = str.trim();
console.log(str2); // 'abcdef'

Math对象

1.Math.max()/Math.min()：求一组数组中的最大/小值。

var num = Math.max(1,2,3,4,5);
console.log(num); // 5

2.Math.ceil()：向上取整，返回大于num的整数。

var num = Math.ceil(4.1);
console.log(num); // 5

3.Math.floor()：向下取整，返回数值的整数部分。

var num = Math.floor(4.6);
console.log(num); // 5

4.Math.round()：返回一个数值的四舍五入值。

var num = Math.round(4.4);
condole.log(num); // 4

5.Math.abs()：求一个数值的绝对值。

var num = Math.abs(-5);
console.log(num); // 5

6.Math.random()：随机生成一个0~1之间的随机数，不包括1。

var num = Math.random();
console.log(num); // 0.7202792971100647

7.Math.PI：返回圆周率

var num = Math.PI;
console.log(num); // 3.141592653589793

Date对象

var date = new Date();

Date是一个日期对象，可以返回当前的日期和时间。

下面是获取当前日期时间的方法：

var date = new Date(); // 创建一个日期对象
var year = date.getFullYear(); // 返回当前的4位数年份
var month = date.getMonth(); // 返回当前的月份，从0-11计算
var day = date.getDate(); // 返回当前的天数
var week = date.getDay(); // 返回当前是星期几，0代表星期天
var hour = date.getHours(); // 返回当前时间的小时
var min = date.getMinutes(); // 返回当前时间的分钟
var sec = date.getSeconds(); // 返回当前时间秒数
var time = date.getTime(); // 返回自1970年至今的总毫秒数

console.log(year); // 2017
console.log(month); // 6
console.log(day); // 1
console.log(week); // 6
console.log(hour); // 9
console.log(min); // 53
console.log(sec); // 25
console.log(time); // 1498873740006

设置时间的方法与获取时间的方法类似，只需要把get改成set并在括号里填入参数即可。

window对象（浏览器对象模型）

window是浏览器的一个实例，在浏览器中，window对象有双重角色，它既是通过javascript访问浏览器窗口的一个借口，又是ECMAScript规定的Global对象。在实际开发中，window对象的window前缀可以省略不写。

1.window.alert() = alert()：浏览器弹出一个确认框/警告框。

2.window.confirm() = confirm()：浏览器弹出一个确认、取消框。

注：点击确认会返回true，点击取消会返回false。

3.window.prompt() = prompt()：浏览器弹出一个带输入框的提示框。

注：点击确定会放回输入框中的内容，点击取消会返回false。

4.window.open() = open()：打开一个新的浏览器窗口或查找一个已命名的窗口。

window.open('http://www.baidu.com','','width=400,height=400');

注：该方法有三个重要参数，三个参数均可省略。第一个参数代表打开新窗口的路径；第二个参数表示新窗口的特征，如：滚动条，工具栏等等；第三个参数表示新窗口的规格，如：宽高等等。

5.window.close() = close()：关闭浏览器窗口。

定时器

1.setTimeout()：超时调用，在指定的毫秒数后调用函数或计算表达式。

setTimeout(function(){alert('hello world')},2000);

上面代码段表示在2秒后（2000毫秒），执行弹出一个警告框。

2.setInterval()：间歇调用，每隔指定的毫秒数之后调用函数

setInterval(function(){console.log('hello world')},1000);

上面代码段表示每隔1秒（1000毫秒）在控制台打印一次hello world

3.清除定时器：clearTimeout()/clearInterval()，解除定时器调用函数的功能。

var timer = setInterval(function(){alert('hello world')},1000);
clearInterval(timer);

location对象

location对象提供了当前窗口中加载的文档有关信息，还提供了一些导航功能，它既是window对象的属性，也是document对象的属性。

1.location.href：返回当前加载页面的完整url

var url = location.href;
console.log(url); // "https://www.baidu.com/"

2.location.hash：返回当前url中的hash（即#号后面的字符），如没有则返回空字符串。

3.location.host：返回当前服务器的名称和端口号。

4.location.hostname：返回不带端口号的服务器名称。

5.location.pathname：返回url中的目录和（或）文件名。

6.location.port：返回服务器的端口号。

7.location.protocol：返回页面所用的网络协议。

8.location.search：返回url中的查询字符串，这个字符串以？开头。

9.location.replace（url）：重新定向url，使用这个方法不会再历史记录中生成新纪录。

10.location.reload()：重新加载当前的页面。如果当前页面已缓存在本地，那使用这个方法有可能是从本地重新加载。如果想从服务器重新加载，只需要填如参数true。

history对象

这个对象保存了用户在浏览器中访问页面的历史记录

1.history.back()：回退到历史记录的上一步，等同于浏览器的回退按钮。

2.history.forward()：回到历史记录的下一步，等同于流浪器的前进按钮。

3.history.go()：回到历史记录的前/后几步，参数为正数即前进，负数为后退。

screen对象

1.screen.width/height：返回用户屏幕的宽高。

2.screen.availWidth/availHeight：返回用户屏幕的可用宽高，不包括任务栏和滚动条。

Navigator对象

Navigator对象可以获取用户浏览器和系统信息，可以用来判断用户的设备是PC或是移动设备。

Navigator.userAgent