JS-数组

方法:

join()

  • 把数组转换成字符串,然后给他规定个连接字符,默认的是逗号( ,)
var arr = [1,2,3];
console.log(arr.join());     // 1,2,3
console.log(arr.join("-"));   // 1-2-3
console.log(arr);         // [1, 2, 3](原数组不变)

push()

  • 把里面的内容添加到数组末尾,并返回修改后的长度。

pop()

  • 移除数组最后一项,返回移除的那个值,减少数组的length。
var arr = [1,2,3];
var count = arr.push(4,5);
console.log(count);      // 5
console.log(arr);       // [1,2,3,4,5]

var item = arr.pop();
console.log(item);       // 5
console.log(arr);       // [1,2,3,4]

shift()

  • 删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined 。

unshift()

  • 将参数添加到原数组开头,并返回数组的长度 。
var arr = [1,2,3];
var count = arr.unshift(4,5);
console.log(count);         // 5
console.log(arr);          //[4,5,1,2,3]

var item = arr.shift();
console.log(item);          // 4
console.log(arr);           // [5,1,2,3]

sort()

  • 将数组里的项从小到大排序。注意:sort()方法比较的是字符串,没有按照数值的大小对数字进行排序,要实现这一点,就必须使用一个排序函数
var arr1 = ["a", "d", "c", "b"];
console.log(arr1.sort());//默认函数      // ["a", "b", "c", "d"]

//函数重写
function sortNumber(a,b)
{
  return a - b
}

arr = [13, 24, 51, 3]; console.log(arr.sort());     // [13, 24, 3, 51] 
console.log(arr.sort(sortNumber))//使用重写;  // [3, 13, 24, 51](数组被改变)

reverse()

  • 反转数组项的顺序。
var arr = [9, 24, 21, 3];
console.log(arr.reverse());    //[3, 21, 24, 9]
console.log(arr);        //[9, 24, 21, 3](原数组改变)

concat()

  • 将参数添加到原数组中。这个方法会先创建当前数组一个副本,然后将接收到的参数添加到这个副本的末尾,最后返回新构建的数组。在没有给 concat()方法传递参数的情况下,它只是复制当前数组并返回副本。
    如果传递的是一或多个数组,则该方法会将这些数组中的每一项都添加到结果数组中 。注意:该方法不会改变先后的数组,而仅仅会返回被连接数组的一个副本。
var arr = [1,3,5,7];
var arrCopy = arr.concat(9,10);
console.log(arrCopy);             //[1, 3, 5, 7, 9,10]
console.log(arr);               // [1, 3, 5, 7](原数组未被修改)

var arr1 = [1, 2, 3, 4, 5, 6];
var arr2 = ['A', 'B', 'C'];
var arr3 = arr1.concat(arr2)              // 连接数组
console.log(arr3);                       // [1, 2, 3, 4, 5, 6, "A", "B", "C"]

slice()

  • 从已有的数组中返回选定的元素。
var arr = [1,3,5,7,9,11];
var arrCopy = arr.slice(1);            
var arrCopy2 = arr.slice(1,4);              //返回start下标开始取值,直到end下标结束(不包括)。
var arrCopy3 = arr.slice(1,-2);
var arrCopy4 = arr.slice(-4,-1);
console.log(arr);               //[1, 3, 5, 7, 9, 11](原数组没变)
console.log(arrCopy);             //[3, 5, 7, 9, 11]
console.log(arrCopy2);            //[3, 5, 7]
console.log(arrCopy3);            //[3, 5, 7]
console.log(arrCopy4);            //[5, 7, 9]

splice()

  • 既可以用于数组的删除也可以用于数组的插入和替换
var arr = [1,3,5,7,9,11];
var splice1 = arr.splice(0,2);      //删除:指定 2 个参数:要删除下标和要删除的个数。
console.log(arr);            //[5, 7, 9, 11]
console.log(splice1);          //[1, 3]

var splice2 = arr.splice(2,0,4,6);
console.log(arr);          // [5, 7, 4, 6, 9, 11]
console.log(splice2);        // []
var splice3 = arr.splice(1,1,2,4);
console.log(arr);          // [5, 2, 4, 4, 6, 9, 11]
console.log(splice3);       //[7]

indexOf()

  • 从数组的开头(位置 0)往后 检索数组返回数组中某个指定的元素位置。没有则返回 -1。

lastIndexOf()

  • 从后向前 查找一个指定的元素在数组中出现的位置,没有则返回 -1。
//array.lastIndexOf(item,start)(start:可选的)表示查找起点位置的索引
var arr = [1,3,5,7,7,5,3,1];
console.log(arr.indexOf(5));       //2
console.log(arr.lastIndexOf(5));     //5
console.log(arr.indexOf(5,2));      //2
console.log(arr.lastIndexOf(5,4));   //2
console.log(arr.indexOf("5"));     //-1

forEach()

  • 调用数组的每个元素,并将元素传递给回调函数。但空数组不会执行回调函数的。
var arr = [3, 2, 4, 4, 5];
//a===arr
arr.forEach(function(x, index, a){
console.log(x + '|' + index );
});
// 输出为:
// 3|0
// 2|1
// 1|2
// 4|3
// 5|4

map()

  • 返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
    注意:不会对空数组进行检测。不会改变原始数组。
var arr = [1, 2, 3];
var arr2 = arr.map(function(item){
return item*item;
});
console.log(arr2);     //[1, 4, 9]

filter()

  • 返回一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
    注意:不会对空数组进行检测。不会改变原始数组。
var arr = [1, 2, 3, 4, 5, 6, 7];
var arr2 = arr.filter(function(x, index) {
return index % 2 === 0 || x >= 5;
}); 
console.log(arr2);    //[1, 3, 5, 6, 7]

every()

  • 检测数组所有元素是否都符合指定条件(通过函数提供)。
    如果有一个元素不满足,则返回 false ,且剩余元素不会再进行检测
    如果所有元素都满足条件,则返回 true。
    注意:不会对空数组进行检测。不会改变原始数组。
var arr = [1, 2, 3, 4, 5];
var boo1 = arr.every(function(x) {
return x < 6;
}); 
console.log(boo1);         //true
var boo2 = arr.every(function(x) {
return x < 5;
}); 
console.log(boo2);         // false

some()

  • 检测数组中的元素是否满足指定条件(函数提供)。
    只要有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。
    一个都没有满足条件的元素,则返回false。
    注意:不会对空数组进行检测。不会改变原始数组。
var arr = [1, 2, 3, 4];
var boo1 = arr.some(function(x) {
return x < 3;
}); 
console.log(boo1);         //true
var boo2 = arr.some(function(x) {
return x < 1;
}); 
console.log(boo2);         // false
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,711评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,932评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,770评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,799评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,697评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,069评论 1 276
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,535评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,200评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,353评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,290评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,331评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,020评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,610评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,694评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,927评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,330评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,904评论 2 341