JavaScript数组

核能气质少年 提交于 2020-02-19 04:34:16

JavaScript数组

一、数组是什么

    所谓数组,是有序的元素序列。若将多个类型的变量的集合命名,那么这个名称为数组名。组成数组的各个变量称为数组的元素,有时也称为下标变量。用于区分数组的各个元素的数字编号称为下标。是一组数据的组合,多个数据的集合。数组是一种特殊的对象。

二、数组的特点

1.数组内的数据有一些相关性的。
2.数组里的数据有一定的顺序。
3.数组里面可以放任何的数据类型,也可同时存放不同类型的数据。
4.任意数组之间都不相等,哪怕数组内的数据相同也不相等。数组是一种特殊的对象
Tip:js中任何两个对象都不相等,只要相等了,那就是同一个对象,相等于自身

三、创建数组

1.字面量方法创建

var arr = [1,2,3];

2.构造函数创建

var arr = new Array[];
//构造函数方法创建时,若括号内只有一个数值型数据,则表示这个数组中有几个元素,值为undefined
//两种方法的不同
//例:
var arr1 = [5]             //表示有一个数组元素5
var arr2 = new Array(5)    //表示有5个数组元素,值全部为undefined

四、数组简单分类

//数值数组
    var arr = [3,4,5,6];
//字符数组
    var arr = ["a","b","c","d"];
//数组数组(二维数组,多维数组)
    var arr = [[2,5],["a","b"],[true,false]];
//json数组
    var arr = [{name:"admin"},{name:"root",{name:"zhangsan"}];

五、数组的赋值

1.静态赋值:直接使用指定的值给指定位置的数组

arr[0] = 1;
arr[1] = "hello";

2.动态赋值:在程序运行过程中,创建具体的值给元素赋值

arr[0] = Math.random();     //调用Math的随机数方法,生成随机数赋值给数组
arr[1] = Math.random();

六、各版本数组方法一览表

数组方法名 对应版本 功能 原数组是否改变
pop() ES3- 删除最后一位,并返回删除的数据
push() ES3- 在最后一位新增一或多个数据,返回长度
shift() ES3- 删除第一位,并返回删除的数据
unshift() ES3- 在第一位新增一或多个数据,返回长度
reverse() ES3- 反转数组,返回结果
sort() ES3- 排序(字符规则),返回结果
splice() ES3- 删除指定位置,并替换,返回删除的数据
copyWithin() ES6- 指定位置的成员复制到其他位置
fill() ES6- 使用给定的值,填充到数组中,类似于替换
concat() ES3- 合并数组,并返回合并之后的数据
join() ES3- 使用分隔符,将数组转为字符串并返回
slice() ES3- 截取指定位置的数组,并返回
toString() ES3- 直接转为字符串,并返回
valueOf() ES5- 返回数组对象的原始值
indexOf() ES5- 查询并返回数据的索引
lastIndexOf() ES5- 反向查询并返回数据的索引
forEach() ES5- 参数为回调函数,会遍历数组所有的项,回调函数接受三个参数,分别为value,index,self;forEach没有返回值
map() ES5- 同forEach,同时回调函数返回数据,组成新数组由map返回
filter() ES5- 同forEach,同时回调函数返回布尔值,为true的数据组成新数组由filter返回
every() ES5- 同forEach,同时回调函数返回布尔值,全部为true,由every返回true
some() ES5- 同forEach,同时回调函数返回布尔值,只要有一个为true,由some返回true
reduce() ES5- 归并,同forEach,迭代数组的所有项,并构建一个最终值,由reduce返回
reduceRight() ES5- 反向归并,同forEach,迭代数组的所有项,并构建一个最终值,由reduceRight返回
from() ES6- 将类数组对象和可遍历对象转化为数组
of() ES6- 将一组值转化为数组
find() ES6- 在数组内部, 找到第一个符合条件的数组成员,返回值
findIndex() ES6- 在数组内部, 找到第一个符合条件的数组成员,返回索引
includes() ES7- 表示某个数组是否包含给定的值,与字符串的includes()方法类似

​ 数组方法详解请参考我的另一篇博客JavaScript数组方法详解


七、数组的排序

1.冒泡排序:

依次对数组中相邻数字进行比较(两两比较,大的放后面)

var arr = [5,99,2,9,1,5,67,7,10,23]         //定义一个杂乱的数组
for(var i=0;i<arr.length-1;i++){         //大循环,用于遍历数组每个元素
    for(var j=0;j<arr.length-i-1;j++){   //小循环,用于将数组中的某个元素与其它所有元素相比较
        var sum;                         //声明一个局部变量,当作第三个空瓶子
        if(arr[j]>arr[j+1]){             //判断当前元素和后一个元素的大小,如果当前元素比后一个元素大
            sum = arr[j+1];              //将后一个元素(小元素)放在空瓶子里
            arr[j+1] = arr[j];           //将当前元素(大元素)放在后一个元素的位置
            arr[j] = sum;                //将小元素从空瓶子中拿出来,放在当前元素的位置
        }
    } 
}
console.log(arr);                         //完成循环之后,初始数组的顺序已经发生改变

2.选择排序:

将第一位依次与后面的元素相比较,得到最小值,与第一位交换。再用第二位依次与后面元素相比较,得到最小值,与第二位交换。

从原始数据中找到最小元素,并放在数组的最前面。然后再从下面的元素中找到最小元素,放在之前最小元素的后面,直到排序完成。

var arr = [5,99,2,9,1,5,67,7,10,23]
for(var i=0;i<arr.length-1;i++){       //大循环,需要比对的次数
    var min = arr[i];                  //假定一个最小值
    var minIndex = i;                  //假定最小值的索引
    for(var j=i+1;j<arr.length;j++){   //小循环,每次需要比对的次数
        if(min>arr[j]){                //判断最小值是否为真的最小值
            min = arr[j];              //获取真正的最小值
            minIndex = j;              //获取真正最小值的索引
        }
    }
    arr[minIndex] = arr[i];            //将当前元素放在最小值的位置
    arr[i] = min;                      //将最小值放在当前元素的位置
}
console.log(arr);                      //输入排序好的数组    
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!