ES-数组篇

1. 数组的概念

  1. 存储一组有序的数据,数据类型可以不一样
  2. 数组的作用:一次性存储多个数据
  3. 数组元素:数组中存储的每个数据,叫数组元素,存储了5个数据,有5个数组元素
  4. 数组的长度:数组的元素的个数,叫数组的长度(数组名.length),数组的长度是可以改变的
  5. 索引(下标):存储数组元素的编号,从0开始,到数组的长度-1结束,索引是用来存储和读取数组元素的
  6. 遍历数组:通过循环的方式找到数组中的每个数据
  7. 数组Array是内置对象

2. 数组的定义方式

  1. 通过构造函数定义数组
	var arr = new Array() // 创建了一个空数组
	var arr = new Array(5) // 传入一个参数,表示数组长度,里面有5个空的数组元素
	var arr = new Array(3, 6) // 传入2个以上的参数,表示元素, 里面有两个数组元素3、6
  1. 数组字面量方式定义数组(推荐)
	var 数组名 = [] // 创建一个空数组
	var 数组名 = [1, 2, 3, 4] // 创建一个带初始值的数组

3. Array数组静态方法

《静态方法》
序号 静态方法 参数 描述 返回值
1(H5新增)(响应式) Array.isArray(对象) 对象 判断这个对象是不是数组 布尔值
2(ES6) Array.from(伪数组) 伪数组 将伪数组变成真数组 数组

4. Array数组常用的方法

4.1 添加元素方法

《添加元素》
序号 方法 参数 描述 返回值
1 (响应式) .push(值) 数值、字符串、对象 把值追加到数组的最后,多个值则用逗号隔开 数组长度
2 (响应式) .unshift(值) 数值、字符串、对象 把值追加到数组的最前面,多个值则用逗号隔开 数组长度
3 .concat(数组,数组,数组,...) 数组 组合成一个新的数组 新数组
4 .join("字符串") 字符串 往数组中每个元素中间添加字符 字符串
	演示:
//==========================================
	/*1. .push() 给数组追加元素---最后*/
	var arr = [10, 20]
	arr.push(30, 40)
	console.log(arr)
	// 输出的结果:[10, 20, 30, 40] 
//==========================================
	/*2. .unshift() 给数组追加元素---最前*/
	var arr = [10, 20]
	arr.unshift(30, 40)
	console.log(arr)
	// 输出结果:[30, 40, 10, 20]
//==========================================
	/*3. .concat(数组,数组,数组,...) 合并数组*/
	var arr = [10, 20]
	var arr1 = [30, 40]
	var arr2 = [50, 60]
	arr.concat(arr1, arr2)
	console.log(arr)
	//合并数组结果:[10, 20, 30, 40, 50, 60]
//==========================================
	/*4. .join("字符串") 给数组每个元素中间拼接字符串*/
	var arr=["小红","小绿","小白","小兰","小花"];
    var t1 = arr.join("|");
    console.log(t1)
   // 输出结果: 小红|小绿|小白|小兰|小花  
   // 不传参数直接将数组转为字符串:小红,小绿,小白,小兰,小花        

4.2 删除元素方法

《删除元素》
序号 方法 参数 描述 返回值
1 (响应式) .pop() 删除数组中最后一个元素 被删除的元素
2 (响应式) .shift() 删除数组中第一个元素 被删除的元素
	演示:
//====================
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值