关于javascript:JavaScript基础6

数组（Array）简介

数组也是一个对象
它和咱们一般对象性能相似，也是用来存储一些值的
不同的是一般对象是应用字符串作为属性名的
而数组是应用数字来作为索引操作元素
索引：
从 0 开始的整数就是索引
数组的存储性能比一般对象要好，在开发中咱们常常应用数组来存储一些数据
创立数组对象

var arr = new Array();

应用 typeof 来查看一个数组时，会返回 object

console.log(typeof arr);

向数组中增加元素
语法：

数组[索引] = 值
arr[0] = 10;
arr[1] = 33;
arr[2] = 22;

读取数组中的元素
如果读取不存在的索引，它不会报错而是返回 undefined
语法：

数组[索引]
console.log(arr[0]); //10

获取数组的长度
能够应用 length 属性来获取数组的长度（元素的个数）
语法：

数组.length

对于间断的数组，应用 length 能够获取到数组的长度（元素的个数）
对于非间断的数组，应用 length 会获取到数组的最大的索引 + 1
尽量不要创立非间断的数组

console.log(arr.length); //3
 console.log(arr); //10,33,22

批改 length
如果批改过的 length 大于原长度，则多出局部会空进去
如果批改的 length 小于原长度，则多进去的元素会被删除

arr.length = 10
console.log(arr.length); //10
console.log(arr); //10,33,22,,,,,,

向数组的最初一个地位增加元素
语法：

数组[数组.length] = 值；arr[arr.length] = 50; // 向最初一个地位增加元素
console.log(arr.length);
console.log(arr)

数组字面量

应用字面量来创立数组
语法：[]

var arr = [];

应用字面量创立数组时，能够在创立时就指定数组中的元素

var arr = [1,2,3,4,5,10];

应用构造函数创立数组时，也能够同时增加元素，将要增加的元素作为构造函数的参数传递
元素之间应用，（逗号）隔开

var arr2 = new Array(10,20,30);

创立一个数组数组中只有一个元素 10

arr = [10];

创立一个长度为 10 的数组

arr2 = new Array(10);

数组中的元素能够是任意的数据类型

arr = ["hello",1,true,null,undefined];

也能够是对象

var obj = {name;"孙悟空"};

也能够是函数

arr = [function(){alert(1)},function(){alert(2)}];

数组中也能够放数组，如下这种数组咱们称为二维数组

arr = [[1,2,3],[3,4,5],[5,6,7]];
console.log(arr[0]);                //123

数组的四个办法

push()
该办法能够向数组开端增加一个或多个元素，并返回数组的新的长度
能够将要增加的元素作为办法的参数传递
这样这些元素将会主动增加到数组的开端
该办法会将数组新得长度作为返回值返回

// 创立一个数组
var arr = ["孙悟空","猪八戒","沙和尚"];
var result =arr.push("唐僧","蜘蛛精","白骨精");
console.log(arr);                // 孙悟空, 猪八戒, 沙和尚, 唐僧, 蜘蛛精, 白骨精
console.log("result="+result);    //6

pop()
该办法能够删除数组的最初一个元素，并将被删除的元素作为返回值返回

arr.pop();
console.log(arr);                // 孙悟空, 猪八戒, 沙和尚, 唐僧, 蜘蛛精
//result = arr.pop();
//console.log("result="+result);    // 白骨精

unshift()
向数组结尾增加一个或多个元素，并返回新的数组长度
向前边插入元素之后，其余的元素索引会顺次调整

console.log(arr);                // 孙悟空, 猪八戒, 沙和尚, 唐僧, 蜘蛛精
arr.unshift("牛魔王","二郎神");
console.log(arr);                // 牛魔王, 二郎神, 孙悟空, 猪八戒, 沙和尚, 唐僧, 蜘蛛精

shift()
能够删除数组第一个元素，并将被删除的元素作为返回值返回

arr.shift();
console.log(arr);

result = arr.shift();
console.log(arr);

数组的遍历

遍历数组，就是将数组中所有的元素都取出来

var arr ["孙悟空","猪八戒","沙和尚","唐僧"];

for(var i=0 ; i<arr.length ; i++){console.log(arr[i]);
}

forEach

个别都是应用 for 循环去遍历数组，JS 还为咱们提供了一个办法，用来遍历数组
forEach() 这个办法只反对 IE8 以上的浏览器,IE8 及一下浏览器不反对，如果须要兼容，则不要应用
forEach() 办法须要一个函数作为参数
像这种由咱们创立但不禁咱们调用的，咱们称为回调函数
数组中有几个元素函数就会执行几次，每次执行时，浏览器会将遍历到的元素以实参的模式传递进来，咱们能够来定义形参，来读取这些内容
浏览器会在回调函数中传递三个参数
第一个参数，就是以后正在遍历的元素
第二个参数，就是以后正在遍历的元素的索引
第三个参数，就是咱们正在遍历的数组

var arr = ["孙悟空","猪八戒","沙和尚","唐僧"];

arr.forEach(function(value,index,obj){console.log(value);
        console.log(index);
        console.log(obj);
});

slice 和 splice

alice()
能够用来从数组中提取出指定元素
该办法不会扭转原数组，而是将截取到的元素封装到一个新数组中返回
参数：
1. 截取开始地位的索引，蕴含开始索引
2. 截取完结地位的索引，不蕴含完结索引
第二个参数能够省略不写，此时会截取从开始索引往后的所有元素
索引能够传递一个负值，如果传递一个负值，则从后往前计算
- 1 倒数第一个
- 2 倒是第二个

var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];

var result = arr.slice(0,2)            // 孙悟空，猪八戒，var result = arr.slice(1,-2)        // 猪八戒，沙和尚

console.log(result)

splice()
能够用来删除数组中的指定元素
应用 splice()会影响到原数组，会将指定元素从原数组中删除
并将被删除的元素作为返回值返回
参数：
第一个，示意开始地位的索引
第二个，示意删除的数量

var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];
var result = arr.splice(1,2);
console.log(result);

concat()
concat()能够连贯两个或多个数组，并将新的数组返回
该办法不会对原数组产生影响

var arr = ["孙悟空","猪八戒","沙和尚"];
var arr2 = ["唐僧","白骨精","玉兔精"];
var arr3 = ["二郎神","太上老君","玉皇大帝"];
var result = arr.concat(arr2,arr3,"牛魔王","铁扇公主");
console.log(result);

join()
该办法能够将数组转换成一个字符串
该办法不会对原数组产生影响，而是将转换后的字符串作为后果返回

var arr = ["孙悟空","猪八戒","沙和尚"];
result = arr.join();
console.log(typeof result);            //string

在 join()中能够指定一个字符串作为参数，这个字符串将会成为数组中元素的连接符
如果不指定，则默认应用,(逗号)作为连接符，如果不想应用连接符 传递空串 即可。

var arr = ["孙悟空","猪八戒","沙和尚"];
result = arr.join("hello");
console.log(result);                // 孙悟空 hello 猪八戒 hello 沙和尚

reverse()
该办法用来反转数组，（前边的去后边，后边的去前边）
该办法会间接批改原数组

var arr = ["孙悟空","猪八戒","沙和尚"];
arr.reverse();
console.log(arr);                    // 沙和尚, 猪八戒, 孙悟空

sort()
能够用来对数组中的元素进行排序
也会影响原数组，默认会依照 Unicode 编码进行排序

arr = ["b","d","e","a","c","g","f"];
arr.sort();
console.log(arr);

即便对于纯数字数组，应用 sort()排序，也会依照 Unicode 编码进行排序
所以对数字进行排序时，可能会失去谬误的后果

arr = [3,4,11,2,5];
arr.sort();
console.log(arr);                    //11，2，3，4，5

咱们能够本人指定排序的规定
咱们能够在 sort()中增加一个回调函数，来指定排序规定
回调函数中须要定义两个形参
浏览器将会别离应用数组中的元素作为实参调用回调函数
应用哪个元素调用不确定，然而必定的是在数组中 a 肯定在 b 后面
浏览器会依据回调函数的返回值来决定元素的程序
如果返回一个大于 0 的值，则元素会替换地位
如果返回一个小于 0 的值，则元素地位不变
如果返回一个等于 0 的值，则认为两个元素相等，也不替换地位
如果须要升序排列，则返回 a -b
如果须要降序排列，则返回 b -a

arr = [5,4,7,9,2,8,3,6];
arr.sort(function(a,b){if(a>b){return 1;}else if(a<b){return -1;}else{return 0;}
});
console.log(arr);

或者

arr = [5,4,7,9,2,8,3,6];
arr.sort(function(a,b){
// 升序排列
return a - b；// 降序排列
return b - a：});
console.log(arr);