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;
                }
            }
         }

作者:西门奄
链接:https://www.jianshu.com/u/77035eb804c3
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

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

推荐阅读更多精彩内容

  • 难道真的只是萍水相逢吗 真的只是普通朋友那么简单 在多少个夜晚 无眠的夜里 独自一个人望着这夜空 点点星光 能否照...
    照亮Br阅读 146评论 4 6
  • 大家知道keepalived会有四种状态的变化,每种状态变化时,都可以调用一个脚本 当进入Master状态时会呼叫...
    Bogon阅读 1,181评论 0 0
  • 前几天看了一遍华尔街2,当然,华尔街代表着钱,何况后面是一个金钱永不眠的小标题,也充分说明了这部片子的主题。不过我...
    阿朱先森阅读 1,006评论 0 1
  • 我近期的目标是让儿子快乐学习、提高的学习热情和书写的认真,提升学习成绩,各科成绩达到95分,为小升初打下坚实的基础...
    归韵阅读 136评论 0 0
  • 如若我是来还债的 那就尽量多还一些 宁人负我,我不负人 如若我是来报恩的 那就尽量多报一些 今生为人实属不易 我要...
    A0000王溪君阅读 442评论 0 0