013数组

最新推荐文章于 2021-09-25 10:28:20 发布

Manta__

最新推荐文章于 2021-09-25 10:28:20 发布

阅读量202

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/Manta__/article/details/104623510

版权

JavaScript 专栏收录该内容

50 篇文章 0 订阅

订阅专栏

索引　从0开始的整数就是索引
　　-数组的存储性能比普通对象要好，在开发中我们经常使用数组来存储一些数据
　　
//创建数组对象
var arr = new Array();
使用typeof检查一个数组时，会返回object
console. log(typeof arr);

向数组中添加元素
语法，数组[索引] =值

arr[0] = 10;
arr[1]= 33;
arr[2] = 22;|

读取数组中的元素
语法:数组[索引]
console.log(arr[０]);
如果读取不存在的索引人他不会报错而是返回undefined

获取数组的长度
可以使用length属性来获取数组的长度 (元素的个数)
语法， 数组.length
对于连续的数组，使用length可以获取到数组的长度(元素的个数)
对于非连续的数组，使用length会获取到数组的最大的索引+1
console.log(arr .1ength);
尽量不要创建非连续的数组

修改length
如果修改的length大于原长度，则多出部分会空出来
如果修改的length小于原长度，则多出的元素会被册除
arr.length = 10;
arr.length = 2;

向数组的最后一个位置添加元素
语法:数组[数组.length] =值;

arr[arr.length] = 70;
arr[ arr. length]= 80;
arr[ arr.length] = 90;

使用字面量来创建数组
语法:　　[　]
var　arr=[　];
使用字面量创建数组时，可以在创建时就指定数组中的元素
var arr = [1,2,3,4,5,10];
使用构造函数创建数组
也可以同时添加元素，将要添加的元素作文构造函数的参数传递
元素之间使用，隔开
var arr2 = new Array(10,20,30);
console.log(arr2);

//创建一个长度为10的数组
arr2 = new Array(10);

var a=new Array();
   console.log(typeof a);
   a[0]=9;//添加元素
   a[1]=8;
   a[9]=0;
   console.log(a[1]);//读取元素
   console.log(a.length);//获取长度
   console.log( a);
   a.length=2;//修改长度
   console.log( a);
   a[a.length]=7;//向数组最后一个位置添加元素
   console.log( a);
   
   
   var b=[10,20,30];//使用字面量创建数组
   b=new Array(10);//指定长度为10
   console.log(b.length);

数组中的元素可以是任意的数据类型

arr = ["hello",1, true, null, undefined];
//也可以是对象
var obj = {
	name :”孙悟空"
};
arr[arr.length] = obj;

arr1 = [{name :＂孙悟空"}，{name: "沙和尚"}， {name:＂猪八戒＂}];
console. log(arr1[1]. 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]);

push( )
　　　-该方法可以向数组的末尾添加一个或多个元素，并返回数组的新的长度
　　　-可以将要添加的元素作为方法的参数传递，
　　　-这样这些元素将会自动添加到数组的末尾
　　　-该方法会将数组新的长度作为返回值返回

//创建一个数组
var arr = ["孙悟空" , "猪八戒" , "沙和尚"];

var result = arr. push("唐僧"，“蜘蛛精", "白骨精");
console.log(arr);
console.log("result = "+result);

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

result = arr.pop();
console.log(arr);
console.log("result = "+result);

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

console.1og(arr);
arr . unshift("牛魔王","二郎神");
console.log(arr);

shift()
　　　 - 可以删除数组的第一个元素，并将被删除的元素作为返回值返回

result = arr.shift();
result = arr.shift();
console.log(arr);
console.log("result = "+result) ;

//创建一个数组
var arr = ["孙悟空", "猪八戒" ,"沙和尚", "唐僧"];
//所谓的遍历数组，就是将数组中所有的元素都取出来
/*console.log(arr[0]);
console. log(arr[1]);|
console. log(arr[2]);
console.log(arr[3]);*/
for(var i=0 ; i<arr .1ength ; i++){
	console. log(arr[i]);
}


function Person(name,age, gender){
	this.name = name ;
	this.age = age;
}
//修改Person原型的toString
Person. prototype . toString = function(){
	return "Person[name=" this .name+" ,age="+this.age+"]";
};
//创建一个Person对象
var per = new Person("孙悟空" ,18);
var per2 = new Person( "猪八戒" ,28);
var per3 = new Person("红孩儿",8);
var per4 = new Person( "蜘蛛精",16);
var per5 = new Person("二郎神",38);
//将这些person对象放入到一个数组中
var perArr = [per, per2,per3, per4, per5];
//创建一个函数，可以将perArr中的满18岁的Person提取出来，然后封装到一个新的数组中并返回
arr
形参，要提取信息的数组

function getAdult(arr){ 
	//创建一个新的数组
	var newArr =[];
	//遍历arr,获取arr中Person对象
	for(var i=0 ;i<arr .length ; i++){
		var p = arr[i];
		//判断Person对象的age是否大于等于18
		if(p.age >= 18){
				//如果大于等于18， 则将这个对象添加到newArr中
				//将对象放入到新数组中
				newArr . push(p);
		}
	}
	//将新的数組返回
	return newArr;
}

一般我们都是使用for循环去遍历数组，JS中还为我们提供了一一个方法，用来遍历数组
forEach()
　　　　-这个方法只支持IE8以上的浏览器
　　　　-forEach( )方法需要一个函数作为参数
　　　　　　　像这种函数，由我们创建但是不由我们调用的，我们称为回调函数
　　　　-数组中有几个元素函数就会执行几次，每次执行时，浏览器会将遍历到的元素
　　　　-以实参的形式传递进来，我们可以来定义形参，来读取这些内容

var arr = ["孙悟空", "猪八戒", "沙和尚", "唐僧","白骨精"];
arr. forEach(function(a){
	console.log("a = "+a);
});
 浏览器会在回调函数中传递三个参数:
第一个参数，就是当前正在遍历的元素
第二个参数，就是当前正在遍历的元素的索引
第三个参数，就是正在遍历的数组
arr . forEach(function(value ，index ，obj){
	console. log(value);|
});

IE8及以下的浏览器均不支持该方法，所以如果需要兼容IE8，则不要使用forEach
还是使用for循环来遍历

slice()
　　　-可以用来从数组提取指定元素
　　　-该方法不会改变元素数组，而是将截取到的元素封装到一个新数组中返回
　　　-参数:
　　　　　1.截取开始的位置的索引，包含开始索引
　　　　　2.截取结束的位置的索引，不包含结束索引
　　　-第二个参数可以省略不写,此时会截取从开始索引往后的所有元素
　　　-索引可以传递一个负值，如果传递一个负值，则从后往前计算
　　　　　-1倒数第一个、-2倒数第二个

splice()
　　　　-可以用于删除数组中的指定元素
　　　　-使用splice( )会影响到原数组，会将指定元素从原数组中册除
　　　　并将被册除的元素作为返回值返回
　　　　-参数:
　　　　　　第一个，表示开始位置的索引
　　　　　　第二个，表示删除的数量
　　　　　　第三个及以后。。可以传递一些新的元素，这些元素将会自动插入到开始位置索引前边

arr =["孙悟空" , "猪八戒"，"沙和尚", "唐僧","白骨精"];
var result = arr.splice(3,0,"牛魔王", "铁扇公主", "红孩儿");
console.log(arr);
//console.log(resu1t);

除数组中重复的数
/ /获取数组中的每一个元素
for(var i=0 ; i<arr.1ength ; i++){
	//console.1og(arr[i]);
	/*获取当前元素后的所有元素*/
	for(var j=i+1 ; j<arr .length ; j++){
		//console.log("---->"arr[j]);
		//判断两个元素的值是否相等
		if(arr[i] == arr[j]){
			/ /如果相等则证明出现了重复的元素，则删除j对应的元素
			arr .sp1ice(j,1);
			//当删除了当前j所在的元素以后，后边的元素会自动补位
			/ /此时将不会在比较这个元素吧，我需要在比较一次j所在位置的元素
			//使j自减
			j-- ;
	}
}

concat( )
　　　　　-可以连接两个或多个数组，并将新的数组返回
　　　　　-该方法不会对原数组产生影响
var result = arr.concat(arr2,arr3,"牛魔王” ,"铁扇公主");
var result = arr. concat(arr2,arr3,"牛魔王"，"铁扇公主");

join()
　　　　-该方法可以将数组转换为一个字符串
　　　　-该方法不会对原数组产生影响，而是将转换后的字符串作为结果返回
　　　　-在join( )中可以指定一个字符串作为参数，这个字符串将会成为数组中元素的连接符
　　　　-如果不指定连接符，则默认使用,作为连接符
arr = ["孙悟空" , "猪八戒"，"沙和尚"];
result = arr.join("@-@");
console.1og(result);

reverse()
　　　　　-该方法用来反转数组(前边的去后边，后边的去前边)
　　　　　　该方法会直接修改原数组

sort( )
　　　　　可以用来对数组中的元素进行排序
　　　　　也会影响原数组，默认会按照Uni code编码进行排序

arr = [5,4,2,1,3,6,8,7];
arr . sort(function(a,b){
	/ /前边的大
	if(a > b){
		return 1;
	}else if(a < b){
		return -1;
	}else{
		return 0;
}
});
return a-b;

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

call( )和apply()
　　　　　　-这两个方法都是函数对象的方法，需要通过函数对象来调用
　　　　　　　　　当对函数调用call( )和apply( )都会调用函数执行
　　　　　　－在调用call( )和apply( )可以将一个对象指定为第一个参数
　　　　　　　　　此时这个对象将会成为函数执行时的this
　　　　　　－call( )方法可以将实参在对象之后依次传递
　　　　　　- apply()方法需要将实参封装到一个数组中统传递

function fun(){
    alert(this.name);
 }
var obj={
    name:"孙悟空",
    age:18,
    sayname:function(){
     	alert(this.name);
    }
}
var obj2={
    name:"猪八戒",
}

fun();//object window
fun.apply(obj);//object object  孙悟空
fun.call(obj2);//object object  猪八戒
   
obj.sayname();//孙悟空
obj.sayname.apply(obj2);//猪八戒,apply或call传入的实参对象，this将会指向实参对象

function fun2(a,b){
    alert("a="+a);
    alert("b="+b);
 }
fun2.call(obj,2,3);
fun2.apply(obj,[2,3])//apply实参必须封装到数组中传递