05、JavaScript-数组

每天一句: 如果你不是领头羊,那么看到的东西都是一样的。

Array数组类型,这和其他语言中的数组有着很大的区别。虽然数组都是有序列,但在JS中的数组每个元素可以是任何类型,另外数组的大小也是可以调整的。

一、数组的创建

  • 使用new关键字创建数组
  var box = new Array();    // 创建了一个数组
  var box = new Array(10);  // 创建一个包含 10 个元素的数组
  var box = new Array('张三',18,'男','深圳');    // 创建一个数组并分配好了元素
  alert(typeof box);    // object
  • 以上三种方法,可以省略new关键字
  var box = Array();
  • 使用字面量方式创建数组
  var box = [];     //创建一个空的数组
  var box = ['李四',18,'男','广州'];     //创建包含元素的数组
  var box = [1,2,];     // 禁止这么做,IE 会识别 3 个元素
  var box = [,,,,,];    // 同样,IE 的会有识别问题

二、数组操作

  • 使用索引下标读写数组值(元素下标从0开始!!!)
  var box = ['王五',18,'男','广州'];
  alert(box[2]);    // 获取第三个元素
  box[2] = '学生';    // 修改第三个元素
  box[4] = '计算机编程';     // 增加一个元素,即第五个元素
  • 数组的length属性(数组长度)
  var box = ['html', 'css'];        
  alert(box.length);    // 获取数组的元素个数
  box[box.length] = 'JS';   //  通过length给元素增加一个元素
  box.length = 10;      // 强制元素个数
  • 数组转换方法
    数组中具有toString()方法,会将每个值进行字符串形式的拼接,以逗号隔开;
  var box = ['李四',28,'男','广州'];
  alert(box);   // 李四,28,男,广州  (隐式转换)
  alert(box.toString());// 李四,28,男,广州
  • 数组的遍历1
  // 数组遍历 -- 往数组写入
  var arr1 = [];
  for (var i=1; i<=100; i++) {
    arr1[i] = i  + '、html';
  }

  // 数组遍历 -- 读取数组内容
  for (var i=0; i<arr1.length; i++) {
    console.log(arr1[i]);
  }
  • 数组的遍历2 — for in循环
    for in循环,主要作用可以遍历数组的所有元素,可以遍历JS对象的所有属性;
    格式: for(index in object){ … }
  for( index in namelist ){
    console.log('第' + index + '个:' + namelist[index]);
  }
  • 多维数组
  var list = [ ['张三',18,'110'], ['李四',20,'120'], ['王五',22,'119'], ['赵六',16,'333'] ];
  alert(list.length);   // 4
  alert(list[0]);       // 张三,20,110
  alert(list[2][1]);    // 20
        
  // 输出多维数组的值 
  for (var i=0; i<list.length; i++) {   
    for (var j=0; j<list[i].length; j++) {
      console.log(list[i][j]);
    }
  }

  // for in
  for(i in list){
    for( j in list[i] ){
      console.log(list[i][j]);
    }
  }
  • 数组的复制
  // 值类型
  var a = 10;   
  var b = a;    // 值复制
  b = 20;
  alert(a); // 修改了b,但a值不会变
        
  // 引用类型
  var cities = ['北京','上海','广州','深圳'];
  var test = cities;    // 仅仅是快捷键方式的复制
  test[4] = '福建';
  alert(cities);    // 给test添加元素,但citys值也会随之改变

  // 复制数组
  var newsList = [];    // 创建新的数组
  for(index in cities){ // 逐个赋值
    newsList[index] = cities[index];
  }
  alert(newsList);      // 北京,上海,广州,深圳
  newsList[4] = '长沙';
  alert(cities);        // 北京,上海,广州,深圳
  • 数组元素添加删除【shift、pop、push、unshift】
  // shift删除数组第一个元素,返回删除的元素
  var tem = arr.shift();

  // unshift:往数组开头添加一个或多个元素,返回数组新的长度
  temp = arr1.unshift('中国','制造');

  //pop删除数组最后一个元素,返回删除的元素
  temp = arr1.pop();

  // push往数组尾部添加一个或多个元素,返回数组新的长度
  temp = arr1.push('大米','王大锤');

三、排序

直接插入排序、冒泡排序、折半排序、希尔排序、选择排序、快速排序...

  • 直接插入排序
    将序列a1的第一个元素当做是已经是排序好的(a2序列),接着从第二个记录逐个插入,直到a2有序为止;
        // 直接插入排序
        var i = j = temp = 0;
        // 将第一个元素当做是已经排序好的
        for(i=1; i<arr.length; i++){
            // 即是要排序的数字
            temp = arr[i];
            
            for(j=i-1; j>=0; j--){  // 往前查找(从后往前)
                if (temp > arr[j]) {    
                    break;
                } else {    
                    arr[j+1] = arr[j];
                }
            }

            arr[j+1] = temp;
        }
  • 冒泡排序
    相邻两个元素比较,如果第一个元素大于第二个元素,就两两交换,从开始第一对到最后一对。最后,最大的数会在最上面(数组结尾);
         // 冒泡排序
         var i = j = temp = 0;
         for(i=0; i<arr.length-1; i++){ // 有多少趟(arr.length-1趟即可)
            for(j=0; j<arr.length-1-i; j++){    
                if (arr[j] > arr[j+1]) {    // 两两交换
                    temp = arr[j];
                    arr[j] = arr[j+1];
                    arr[j+1] = temp;
                }
            }
         }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,558评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,002评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,036评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,024评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,144评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,255评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,295评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,068评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,478评论 1 305
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,789评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,965评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,649评论 4 336
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,267评论 3 318
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,982评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,223评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,800评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,847评论 2 351

推荐阅读更多精彩内容