数组及其应用

创建数组:

第一种方法:

var arr = [1, 2, 3, 4];

第二种方法:

var arr = Array(1, 'hello', 3, 4);

alert(arr);

console.log(typeof arr);

typeof的返回值是字符串.如果上面Array();里面只有一个参数,表示创建对应长度的空数组.

遍历数组:

var arr = [1, 2, 3, 4, 5];

for(var i = 0; i < arr.length;i++ ){

console.log(arr[i]);

}

添加元素:

arr.push();往数组末尾添加,

arr.unshift();数组首位添加,

删除元素:

arr.pop();删除末尾元素;

arr.shift();删除首位元素;

arr.splice(删除开始的下标,删除的个数,后面的是在同下标添加元素);注:删除个数为零则不删,在后面添加元素

拼接:

var 新的数组 = 原来的数组.concat(拼接的数组 , 拼接的数组);

连接数组中的元素:

var arr = ['welcome', 'to', 'beijing'];

var str = '';

for(var j = 0; j < arr.length; j++){

str += arr[ j ];

}

alert(str);

连接的快捷方法:

var str = arr.join(' ');

数组的反转.

var d = [1, 2, 3, 4];

alert(d.reverse());反转reverse

slice(起始位置,结束位置)

注:1.可以传递一个或者两个参数;2.可以传递负数,如果是负数,拿数组长度加上负数;3.没有修改原始数组;创建的新数组.

var testArr = [1, 2, 3, 4];

var sliceArr = testArr.slice(-4, -2);

slice就是选择这几个位置的数.

迭代方法:

var numbers = [1, 2, 3, 4, 2, 5, 9];

var filterFn = function(item, index){

console.log(item);

return item > 5;

}

item代表数组中每个元素,index代表数组元素的下标.

var filterNumbers = numbers.filter(用来测试数组中每个元素的函数, 执行前面函数时用于this的值);

alert(filterNumbers );

map() 再次处理数组中的数据

语法: var mapNumbers = numbers.map(function(item,index){

return item * 2;

});

alert(mapNumbers);

forEach();遍历,与for循环类似

var eachNumbers = numbers.forEach(function(item, index){

console.log(item);

});

把数组里的元素分开显示,成单个数字.

归并方法:(注:就是求和)

var sum = values.reduce(function(prev, cur, index){

console.log('prev:' +prev, 'cur:' +cur);

return prev + cur;

});

console.log(sum);

注:上面的是常规方法进行归并,

var sum = 0;

values.forEach(function(item){

sum += item;

});

alert(sum);

注:这是使用forEach的快捷方法;

用Aarray创建数组,new操作符也可以省略

存放不同的元素

var arr = [1, 'str', true, null, undefined];

二维数组

var twoArr = [[1, 2], [3, 4]];

修改数组的长度

arr.length = 2;

alert(arr.length);

console.log(arr);

清空数组

var newArr = [];建立一个空数组,长度为零

var arr1 = [1, 2, 3, 4];

arr1 = [];赋值空数组

while(arr1.length){

arr1.pop();

}删除所有元素.

arr1.splice(0, arr1.length);

检测数组

var testArr = [1, 2];

alert(Array.isArray();

function test(){

alert(Array.isArray(arguments));

}

上面这个是类数组,不是真的数组.

var str = 'hello world';

alert(str[3]);注:显示下标的l;

alert(str.indexOf('w'));注:显示字母w的下标;

var indexArr = [1, 'hello', 3];

alert(indexArr.indexOf(3));注:显示3的下标;

var a = 20;

var b = 30;

var temp;

temp = a;

a = b;

b = temp;

console.log(a, b);

上面是通过重新建一个临时变量存放a.再用b的值覆盖a.达到交换ab值的方法.

arr.sort(function(n1, n2){

return n2 - n1;

});

alert(arr);

上面表示的排序.降序:如果改成n1 - n2就是升序.

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

推荐阅读更多精彩内容