JavaScript数组

数组是指一组数据的集合，其中的每个数据都被称为元素，在数组中可以存放任意类型的元素，数组是一种将一组数据储存在单个变量名下的优雅方式

//普通变量一次只能存储一个值
var num = 10;
//数组一次可以存储多个值
var arr = [1,2,3,4,5]

利用new创建数组

var数组名 = new Array();
var arr = new Array();//创建一个新的空数组

利用数组字面量创建数组

1.使用数组字面量方式创建空的数组

var 数组名 = []

2.使用数组字面量方式创建带初始值的数组

var 数组名 = ['张三','赵四','王五'];

• 数组的字面量是[]

• 声明数组并赋值称为数组的初始化

• 这种字面量方式也是我们以后使用最多的

数组里面可以放各种数据类型

var arr = [1,2,'pink',true];

console.log(arr1);

console.log(arr1[2]);//输出pink

数组的索引

索引（下标）：用来访问数组元素的序号（数组下标从0开始）。

var arr = ['星期一','星期二','星期三','星期四','星期五','星期六','星期日'];
//            0        1       2        3       4       5        6

数组可以通过索引来访问、设置、修改对应的数组元素，我们可以通过"数组名【索引】"的形式来获取数组中的元素

没有数组元素则输出underfined

数组的长度  数组名.length

获取数组元素的索引

返回数组元素索引号方法 indexOf（数组元素）作用就是返回该数组元素的索引号 从前面开始查找

它只返回满足一个条件的索引号

        var arr = ['red','green','blue','pink','blue'];

        console.log(arr.indexOf('blue'));//2

它如果在该数组里面找不到元素，则返回的是-1

        var arr = ['red','green','blue'];

        console.log(arr.indexOf('pink'));//-1

返回数组元素索引号方法 lastIndexOf（数组元素）作用是返回该数组元素的索引号 从后面开始查找

        var arr = ['red','green','blue','pink','blue'];

        console.log(arr.lastIndexOf('blue'));//4

数组新增元素

        var arr = [‘red’，‘green’，‘blue’];
        arr[3] = 'pink';//新增数组元素
        arr[0] = 'yellew'//替换原来的数组元素
        console.log(arr);

 注意：不要直接给数组名赋值，否则里面的数组元素都没有了。

翻转数组

首先声明一个新数组newArr

把旧数组最后一个取过来（arr.length -1），给新数组索引号第0个元素（newArr.length）

我们采取递减的方式

        var newArr = [];
        var arr = ['pink', 'green', 'yellow', 'blue', 'red'];
        for (var i = arr.length - 1; i >= 0; i--) {
            newArr[newArr.length] = arr[i];
        }
        console.log(newArr);

 

冒泡排序

冒泡排序是一种简单的排序算法，它重复地走访过要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。走访数列的工作是重复地进行知道没有再需要交换，也就是说该数列已经排序完成，这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端

        var arr = [22, 44, 33, 66, 55, 11];
        for (var i = 0; i <= arr.length-1; i++) {
            for (var j = 0; j <= arr.length-i-1; j++) {
                if (arr[j] > arr[j + 1]) {
                    var temp = arr[j];
                    arr[j] = arr[j + 1];
                    arr[j + 1] = temp;
                }
            }
        }
        console.log(arr);

检测是否为数组

 1.instanceof 运算符 他可以用来检测是否为数组

        // instanceof 运算符 他可以用来检测是否为数组
        var arr = [];
        var obj = {};
        console.log(arr instanceof Array);
        console.log(obj instanceof Array);

  2.Array.isArray(参数);H5新增方法 ie9以上版本支持 

        // Array.isArray(参数);H5新增方法 ie9以上版本支持
        console.log(Array.isArray(arr));
        console.log(Array.isArray(obj));

删除添加数组元素

push   末尾添加一个或者多个元素，注意修改原数组     返回新的长度

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

1.push可以给数组追加新的元素

2.push（参数直接写数组元素就可以了）

3.push完毕后，返回的结果是新数组的长度

4.原数组也会发生变化

unshift（）向数组的开头添加一个或更多元素，注意修改原数组        返回新的长度

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

1.unshift是可以给数组前面追加新的元素

2.unshift（）参数直接写 数组元素就可以了

3.unshift完毕之后，返回的结果是新数组的长度

4.原数组也会发生变化

pop（）删除数组最后一个元素，把数组长度减1无参数，修改原数组       返回它删除元素的值

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

1.pop 可以删除数组的最后一个元素 记住一次只能删除一个元素

2.pop（）没有参数

3.pop完毕之后，返回的结果是删除的那个元素

4.原数组也会发生变化

shift（）删除数组的第一个元素，数组长度减1无参数，修改原数组     并返回第一个元素的值

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

1.shift是可以删除数组的第一个元素 记住一次只能删除一个元素

2.shift（）没有参数

3.shift完毕之后，返回的结果是删除的那个元素

4.原数组也会发生变化

数组排序

1.翻转数组

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

        arr.reverse();

        console.log(arr);

2.数组排序

<1>升序的顺序排列

        var arr1 = [2,3,1,44,23,55];

        arr1.sort(function(a,b) {

            return a - b;

        })

<2>降序的排列顺序

        var arr2 = [2,3,1,44,23,55];

        arr2.sort(function(a,b) {

            return b - a;

        })

        console.log(arr2);

数组转换为字符串

toString（）把数组转换成字符串，逗号分隔每一项     返回一个字符串

        console.log(str);
        var arr = [1,2,3];
        console.log(arr.toString());//输出结果1,2,3

join（'分隔符'）方法用于把数组中的所有元素转换为一个字符串     返回一个字符串

        var arr1 = ['green','blue','pink']
        console.log(arr1);//['green', 'blue', 'pink']
        console.log(arr1.join());//green,blue,pink
        console.log(arr1.join('-'));//green-blue-pink
        console.log(arr1.join('&'));//green&blue&pink