JS入门之数组(上)

数组的含义: 值的有序集合,每个值叫做一个元素,每元素在数组中都有一个位置,以数字表示,称为下标(索引)

一、定义数组:

1. 声明一个数组

var arr = [];
var arr = [, ,] // 两个undefined
var arr = [1, 2, 3, 4]; // (4)[1, 2, 3, 4]
var arr2 = new Array(4); // (4)[empty × 4] // 长度
var arr3 = new Array(1, 2, 3, 4); // (4)[1, 2, 3, 4]
var arr = new Array(1, 2, 'string', {x: 1})

2. 数组的长度 (可读可写)

var arr = [1, 2, 3, 4, 5];
console.log(arr.length); // 5;
// 修改原数组长度
arr.length = 3;
console.log(arr.length); // 3;
console.log(arr); // [1, 2, 3];

二、数组方法

  1. Array.join() 数组转为字符串
    // 参数: 拼接符 默认为逗号
    将数组中所有元素都转化为字符串并连接在一起,返回最后生成的字符串
var arr = [1, 2, 3, 4];
console.log(arr.join()); // '1,2,3,4'
console.log(arr.join('-')); // '1-2-3-4'
  1. String.split() 字符串转数组
    参数: 分隔符 默认不分割
var str = 'abc';
console.log(str.split()); // ['abc'];
console.log(str.split('')); // ['a', 'b', 'c'];
  1. Array.reverse() 将数组中的元素倒序
    改变原数组
 var arr = [1, 5, 2, 3, 6, 9];
console.log(arr.reverse());
// [9, 6, 3, 2, 5, 1]
  1. Array.sort();元素排序
    改变原数组
Array.sort(function (a, b) {
return a - b; // 从小到大
return b - a; // 从大到小
});
  1. Array.concat() 拼接数组
    创建并返回一个新数组
    不会改变原数组
var arr = [1, 2, 3]
console.log(arr.concat([1,2,3], 34));
//[1, 2, 3, 1, 2, 3, 34]
  1. Array.toString() 将其每个元素转化为字符串
    如有必要将调用元素的toString()方法
    并且输出用逗号分隔的字符串列表
    与不使用任何参数调用join()方法返回的字符串是一样的
        var arr = [1, 5, 2, 3, 6, 9];
        console.log(arr.toString());
        //1,5,2,3,6,9
  1. Array.slice(); 截取数组的方法
    起始下标 <= 范围 < 结束下标
    同字符串套路
    不会改变原数组
var arr1 = [1, 2, 3, 5, 'a', 'b', 2, 5];
console.log(arr1.slice(1, 3));
console.log(arr1);
//[2, 3]
//[1, 2, 3, 5, "a", "b", 2, 5]
  1. Array.splice();截取数组的方法
    第一个参数: 起始下标
    第二个参数: 删除的个数
    第三个参数..... : 需要插入的元素
var arr1 = [1, 2, 3, 5, 'a', 'b', 2, 5];
console.log(arr1.splice(1, 0, '1', '2', '3'));
console.log(arr1);
//[]
//[1, "1", "2", "3", 2, 3, 5, "a", "b", 2, 5]
  1. Array.unshift()
    从前面添加元素
    返回数组的长度
var arr = [1, 2, 3]
console.log(arr.unshift(1))
//4
console.log(arr)
//[1, 1, 2, 3]
  1. Array.shift()
    删除前面元素
    返回删除的元素
var arr = [1, 2, 3]
console.log(arr.shift(1))
//1
console.log(arr)
//[ 2, 3]
  1. Array.push()
    从末尾添加元素
    返回长度
var arr = [1, 2, 3]
console.log(arr.push(1))
//4
console.log(arr)
//[1, 2, 3, 1]
  1. Array.pop()
    删除末尾元素
    返回删除的元素
var arr = [1, 2, 3]
console.log(arr.pop(1))
//3
console.log(arr)
//[1, 2]

栈方法:后进先出(汽车开进死胡同)

push() + pop()

队列方法 (先进先出)

1). 在数组的末端添加项,从数组的前端删除项
push() + shift()

1). 在数组的前端添加项,从列表的末端删除项
unshift() + pop()

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