javascript基础(6)-javascript基本语法(五)数组

1. 数组基本概念

内建对象: 函数、数组。

 数组也是一个对象,它和我们普通对象功能类似,也是用来存储一些值的,不同的是普通对象是使用字符串作为属性名的,  而数组时使用数字来作为索引操作元素

索引:

 从0开始的整数就是索引。

 数组的存储性能比普通对象要好,在开发中我们经常使用数组来存储一些数据。

	        //创建数组对象
			var arr = new Array();
			
			//使用typeof检查一个数组时,会返回object
			//console.log(typeof arr);
			
			/*
			 * 向数组中添加元素
			 * 语法:数组[索引] = 值
			 */
			arr[0] = 10;
			arr[1] = 33;
			arr[2] = 22;
			arr[3] = 44;
  • 获取数组的长度,可以使用length属性来获取数组的长度(元素的个数)
  •  语法:数组.length
  • 对于连续的数组,使用length可以获取到数组的长度(元素的个数)
  •  对于非连续的数组,使用length会获取到数组的最大的索引+1
  • 尽量不要创建非连续的数组。如:arr[1] arr[100]
  •  如果修改的length大于原长度,则多出部分会空出来

  • 如果修改的length小于原长度,则多出的元素会被删除

使用字面量创建数据:

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

//使用构造函数创建数组时,也可以同时添加元素

var arr2 = new Array(10,20,30);

  //创建一个长度为10的数组

arr2 = new Array(10);

            //创建一个长度为10的数组
			arr2 = new Array(10);
			
			//console.log(arr2.length);
			//数组中的元素可以是任意的数据类型
			arr = ["hello",1,true,null,undefined];
			
			//也可以是对象
			var obj = {name:"孙悟空"};
			arr[arr.length] = obj;
			arr = [{name:"孙悟空"},{name:"沙和尚"},{name:"猪八戒"}];
			
			//也可以是一个函数
			arr = [function(){alert(1)},function(){alert(2)}];
			
			//console.log(arr);
			//arr[0]();
			
			//数组中也可以放数组,如下这种数组我们称为二维数组
			arr = [[1,2,3],[3,4,5],[5,6,7]];
			console.log(arr[1]);

2 数据的4个常用方法(注意这些方法都会改变数据

push(改):

该方法可以向数组的末尾添加一个或多个元素,并返回数组的新的长度.

pop(改):

该方法可以删除数组的最后一个元素,并将被删除的元素作为返回值返回

unshift(改):
 
向数组开头添加一个或多个元素,并返回新的数组长度,向前边插入元素以后,其他的元素索引会依次调整

shift(改):

可以删除数组的第一个元素,并将被删除的元素作为返回值返回

slice:

 可以用来从数组提取指定元素, 该方法不会改变元素数组,而是将截取到的元素封装到一个新数组中返回。

  参数1:截取开始的位置的索引,包含开始索引

  参数2:截取结束的位置的索引,不包含结束索引,可以省略不写,此时会截取从开始索引往后的所有元素

     索引可以传递一个负值,如果传递一个负值,则从后往前计算 

 splice(影响)

可以用于删除数组中的指定元素,使用splice()会影响到原数组,会将指定元素从原数组中删除,  并将被删除的元素作为返回值返回

   参数1:表示开始位置的索引

   参数2:表示删除的数量

第三个及以后,可以传递一些新的元素,这些元素将会自动插入到开始位置索引前边。         

concat:

concat()可以连接两个或多个数组,并将新的数组返回,该方法不会对原数组产生影响.

join:

该方法可以将数组转换为一个字符串.该方法不会对原数组产生影响,而是将转换后的字符串作为结果返回.

reverse(修改):

该方法用来反转数组(前边的去后边,后边的去前边).

sort:

可以用来对数组中的元素进行排序  也会影响原数组,默认会按照Unicode编码进行排序,所以对数字进排序时,可能会得到错误的结果

排序的规则:     

如果需要升序排列,则返回 a-b
如果需要降序排列,则返回b-a

			 * 	我们可以在sort()添加一个回调函数,来指定排序规则,
			 * 		回调函数中需要定义两个形参,
			 * 		浏览器将会分别使用数组中的元素作为实参去调用回调函数
			 * 		使用哪个元素调用不确定,但是肯定的是在数组中a一定在b前边
			 * 	- 浏览器会根据回调函数的返回值来决定元素的顺序,
			 * 		如果返回一个大于0的值,则元素会交换位置
			 * 		如果返回一个小于0的值,则元素位置不变
			 * 		如果返回一个0,则认为两个元素相等,也不交换位置
			 * 
			 * 	- 如果需要升序排列,则返回 a-b
			 * 		如果需要降序排列,则返回b-a

数组的遍历:

所谓的遍历数组,就是将数组中所有的元素都取出来

			for(var i=0 ; i<arr.length ; i++){
				console.log(arr[i]);
			}

forEach():  IE8以下不支持。

 * forEach()方法需要一个函数作为参数,像这种函数,由我们创建但是不由我们调用的,我们称为回调函数(浏览器掉用的)数组中有几个元素函数就会执行几次,每次执行时,浏览器会将遍历到的元素,以实参的形式传递进来,我们可以来定义形参,来读取这些内容。

浏览器会在回调函数中传递三个参数

  •   第一个参数,就是当前正在遍历的元素
  •  第二个参数,就是当前正在遍历的元素的索引
  •   第三个参数,就是正在遍历的数组
     
    			 var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];
    			arr.forEach(function(value , index , obj){
    				console.log(value);
    			});

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
11-05 154
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值