JavaScript数组

一. 数组

1. 创建数组

方式: 字面量方式串讲,构造函数创建;

1. 字面量创建

声明一个数组,数组中的元素可以使任意类型;

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

2. 构造函数创建

需要 new关键字,后接函数名,函数名首字母大写;

var arr1 = new Array(1,2,3,4);
var arr2 = new Array(4);//如果参数只有一个并且是数值,表示创建数组的个数;
conlose.log(arr2); -->[empay x 4]

2. 添加删除

1. push 和 pop

在数组的末尾 添加或者删除 数组元素;

  1. push();
    在数组的末尾添加一个或者多个元素,返回当前数组的长度,会改变原数组;
    var arr = [1,2,3];
    var arr1 = arr.push(4);
    conlose.log(arr1); --> 4;
    conlose.log(arr); -->[1,2,3,4];
    arr.push(5,6,7);
    conlose.log(arr); -->[1,2,3,4,5,6,7];
    
  2. pop();
    删除数组末尾的一位元素,返回被删除的元素;
    var arr = [1,2,3];
    arr.pop();
    var arr1 = arr.pop();
    console.log(arr); -->[1,2,3,4,5];
    console.log(arr1); --> 6;//返回被删除的元素;
    

2. unshift 和 shift

在数组的头部添加或者删除数组元素;

  1. unshift();
    在数组的头部添加一个或者多个元素,返回当前数组的长度,会改变原数组;
    var arr = [1,2,3];
    arr1 = unshift("0");
    console.log(arr); -1->["0",1,2,3];
    
  2. shift();
    删除数组头部的一位元素,返回被删除的元素;
    var arr = [1,2,3];
    var arr1 = arr.shift();
    console.log(arr); -->[2,3];
    console.log(arr1); -->0

3.splice() 删除、添加、替换

splice(start,deleteCount,items):删除数组元素,返回被删除元素组成的数组;

1. 一个参数
var arr = [1,2,3,4,5,6];
var arr1 = arr.splice(1); //start : 从当前位置开始删除,删除到末尾;
console.log(arr); -->[1];
console.log(arr1); -->[2,3,4,5,6] //返回被删除的元素组成数组;

2. 两个参数
var arr = [1,2,3,4,5,6];
arr.splice(1,2); -->(start ,deleteCont);//从当前位置开始删除,删除2个;
console.log(arr); -->[1,4,5,6]

3. 三个参数
var arr = [1,2,3,4,5,6];
arr.splice(1,2,"a"); -->(start ,deleteCont ,items);//从当前位置开始删除,删除2个,用a替换被删除的元素;
console.log(arr); -->[1,"a",4,5,6]

4. 多个参数
var arr = [1,2,3,4,5,6];
arr.splice(1,2,"a","b","c"); -->(start ,deleteCont ,items);//从当前位置开始删除,删除2个,用"items"替换被删除的元素;
console.log(arr);-->[1,"a","b","c",4,5,6];

5. 添加
	var arr = [1,2,3,4];
	arr.splice(1,0,2);  //中间数值为0时,只添加不删除;
	console.log(arr); -->[1,2,2,3,4];

4. 数组其他方法

  1. join()方法: 将数组按特定的标记组合成字符串
    var arr = [1,2,3,4];
    console.log(arr.join());-->1,2,3,4
    console.log(arr.join(""));-->1234;
    console.log(arr.join("-"));-->1-2-3-4
    
  2. concat: 将多个数组合成一个,并且返回新数组
    var arr1 = [1,2,3,4];
    var arr2 = ["A","B","C"];
    var arr3 = ["s","x","y"];
    var arr4 = arr1.concat(arr2,arr3);-->[1,2,3,4,"A","B","C","s","x","y"];
    
  3. reverse: 数组倒序
    var arr = [1,2,3,4,5];
    arr.reverse();
    console.log(arr); -->[5,4,3,2,1]
    
  4. indexOf: 返回值在数组中首次出现的位置,返回对应的下标,找不到返回-1
    var arr = [1,2,3,4,"A"]
    arr.splice(arr.indexOf(4),1);
    console.log(arr);
    

5. 数组迭代方法

跟for循环相似,js中常见的5个迭代方法

  1. **every:**针对数组元素做些判断,如果结果都为true,则返回的结为true;
    var arr = [6,8,4,9,33];
    var s = arr.every(function(value, index, array){//数组元素,数组下标,当前的数组本身
     return value >=5;
    });
    console.log(s);-->false;
    
  2. some: 针对数组元素做些判断,如果结果有一个为turn,则返回结果为turn
    var arr = [1,7,3,5,9,2];
    var s = arr.some(function(value,index,array){
    	retuen value > 5;
    });
    console.log(s); -->turn;
    
  3. filter: 这怎对数组元素做些判断,满足条件的元素会组成一个新的数组,并返回
    var arr = [3,6,9,3,5,1,2,4,5];
    var arr1 = arr.filter(function(value){
    	return value >= 5;
    });
    console.log(arr1);-->[6,9,5,5];
    
  4. map: 用于数组循环,有返回值,每次循环返回值会组成一个新的数组
    var arr = [1,2,3,4];
    var arr1 = arr.map(function(value,index,array){//value:数组元素 index:数组的下标 array:当前循环数组
    	console.log(value);
    	return value*2;
    });
    console.log(arr1);-->[2,4,6,8]
    
  5. forEach: 没有返回值,就是一个简单的循环
    var arr = [1,2,3,4];
    arr5.forEach(function(value,index){
    	console.log(value);
    })
    
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值