数组:
定义: 数组是使用单独的变量名来存储一系列的值.
定义方式:
一维数组:
空数组:
var 变量名 = new Array();
var 变量名 = [];
var 变量名 = new Array(数组的长度);
有数值的数组:
var 变量名 = new Array("1","2");
var 变量名 = [1,2];
注意:
注意:
- var arr1 = [3]; // arr1.length == 1, arr1[0] == 3
- var arr2 = new Array(3); // arr2.length == 3, arr2[0] == undefined
往数组中添加元素:
1. 通过下标, 逐个添加, 或者循环添加
2.push 方法 :attr.push().
遍历数组:
for 循环:
- var aa = new Array("1","2","3");
- for(var i = 0;i<aa.length;i++){
- alert(aa[i]);
- for-in:
- var aa = new Array("a","b","c");
- for(var b in aa){
- alert(aa[b]);
- }
练习:
求偶数:
- var aa =[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20];
- for(var i = 1; i<=20; i++){
- if(i % 2 == 0){
- console.log(i);
- }
- }
求最大值和最小值:
- var attr = [4,8,16,7,9,3,10];
- var max = attr[0];// 最大值
- for (var i = 0; i <attr.length - 1; i++) {
- max = max < attr[i+1] ? attr[i+1] : max
- }
- console.log(max);
- var min =attr[0];// 最小值
- for(var j =0; j<attr.length-1;j++){
- min =min < attr[j+1]? min: attr[j+1]
- }
- console.log(min);
求最大索引和最小索引:
- // 最大索引
- var a = 0;
- for(var b =0; b<attr.length;b++){
- a=a<b+1? b+1:a
- }
- console.log(a);
- var c =0;// 最小索引
- for(var d = 0; d>attr.length;b++){
- c=c<d-1? c:c+1
- }
- console.log(c);
吧一组数据中的重复的数去掉:
- var attr = [1,4,7,1,7,9,4,6,4,0,3,7,13,16,18,13];
- var aa = [];
- for(var i =0;i<attr.length;i++){
- if(aa.indexOf(attr[i]) == -1){
- aa.push(attr[i]);
- }
- }
- console.log(aa);
对数组的内置操作函数:
- // 向数组中添加值
- var arr=new Array(1,2,3,4,5);
- var len=arr.push(7,9);
- console.log(len,arr);//array.push() 在数组末尾添加值, 返回添加后的数组长度
- var arr=new Array(1,2,3,4,5);
- var len=arr.unshift(7,9);
- console.log(len,arr);//array.unshift() 在数组开头添加值 , 返回添加后的数组长度 , 与 array.push()相反
- // 删除数组中的值
- var arr=new Array(1,2,3,4,5);
- var val=arr.pop();
- console.log(val,arr);// 删除数组中末尾的值 返回删除的值
- var arr=new Array(1,2,3,4,5);
- var val=arr.shift();
- console.log(val,arr);// 删除数组中开头的值 返回删除的值 与 pop()相反
- // 数组转换字符串
- var arr=new Array(1,2,3,4,5);
- var str=arr.join('-');// 间隔的字符串, 默认为 ","
- console.log(str);//1-2-3-4-5
- // 数组排序
- var arr=new Array(1,2,3,4,5);
- arr.reverse();// 反转排序
- console.log(arr)// [5, 4, 3, 2, 1]
- var arr=new Array(1,2,3,4,5,59,6);
- arr.sort();
- console.log(arr);// 输出 [1, 2, 3, 4, 5, 59, 6] 注意: sort()默认是转换字符串再排序 所以按照数字大小排序不正确
- // 正确方法 写比较函数
- arr.sort(function(a,b){return a-b}); // 升序
- console.log(arr);// 输出 [1, 2, 3, 4, 5, 6, 59]
- arr.sort(function(a,b){return b-a});// 降序
- console.log(arr);// 输出[59, 6, 5, 4, 3, 2, 1]
- // 连接数组
- var arr1=[1,2,3];
- var arr2=[4,5,6];
- var arr3=[7,8,9];
- var arr=arr1.concat(arr2,arr3,[10,11]);
- console.log(arr);// 输出 [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
- // 已有数组中返回选定元素
- var arr=new Array(1,2,3,4,5);
- var arr2=arr.slice(2);
- // 第一个参数 start 开始选取的 index 下标值 2 为第三个值(0,1,2) 数字 3 开始 end 为可选 默认为到数组的末尾
- console.log(arr2);// 输出 [3, 4, 5]
- // 注意 end 参数为 该参数是数组片断结束处的数组下标 4 为 数字 5 的下标 截取 5 之前, 也可以理成截取到 end-1
- var arr2=arr.slice(2,4);
- console.log(arr2);// 输出 [3, 4] 不是[3,4,5]
- // 截取开始为负数
- var arr2=arr.slice(-2,4);
- // 如果是负数, 那么它规定从数组尾部开始算起的位置. 也就是说,-1 指最后一个元素,-2 指倒数第二个元素, 以此类推.
- // 也可以转换成 数组长度 (5) 加 负数的值 (-2) 相当于 arr.slice(3,4);
- console.log(arr2);// 输出 [4]
- //splice()实现 删除 插入 替换数组
- // 删除
- var arr=new Array(1,2,3,4,5);
- var arr2=arr.splice(1,2);// 删除开始下标为 1 的值 (2) 开始的 2 个值 (2 和 3) 返回删除的值
- console.log(arr,arr2);// 输出 [1, 4, 5] [2, 3]
- // 插入
- var arr=new Array(1,2,3,4,5);
- var arr2=arr.splice(1,0,11,111);// 在下标为 1 的值 (2) 之前插入值 , 参数第二个为 0 不删除, 插入 11,111
- console.log(arr,arr2);// [1, 11, 111, 2, 3, 4, 5] [] arr2 返回为空数组 因为不删除
- // 替换
- var arr=new Array(1,2,3,4,5);
- var arr2=arr.splice(1,2,11,111);// 在下标为 1 的值 (2) 之前替换值 , 参数第二个为 2 删除 2 个值, 再插入 11,111
- console.log(arr,arr2);// [1, 11, 111, 4, 5] [2, 3] // 也就是 先删除再添加
- // 查找值所在的下标
- var arr=new Array(1,2,3,4,5,6,7,3);
- var index=arr.indexOf(3);
- console.log(index);// 返回 2 检测第一个 3 出现的位置
- var index=arr.indexOf(3,4); // 第二个参数 开始下标的值
- console.log(index);// 返回 7 检测第下标为 4 开始(数字 5 开始) 第一个 3 出现的位置
- var index=arr.indexOf(10);
- console.log(index);// 返回 - 1 为查找到 返回 - 1
- // 末尾就开始查找 lastIndexOf()
- var index=arr.lastIndexOf(3);
- console.log(index);// 返回 7
- //indexof() lastIndexOf() 低版本浏览器不兼容
JS 数组
来源: http://www.bubuko.com/infodetail-3281155.html