JavaScript数组

Posted 2021-06-21 小刘编码员

前言：各位csdn的源员们，大家好。我是小刘，初来乍到请大家多多指教，这是第10次发表博客，如有错误请大家观看后谅解，并在评论区留下您宝贵的意见，小刘将会用最大的努力去改正以及认真对待每一次代码的编写，请大家一定要多多包涵，你们的支持是我继续努力的最大动力，当然大家觉得不错可以关注我喔，带你走遍代码的每一个角落，让你感受代码的神奇之处。

 

首先我向大家透露一点点小方法，一定要认真观看喔！
 

本次用到的编程软件：DW
 

本次涉及到的内容：html,css以及javascript

 

javaScript对象

内建对象

宿主对象

数组：(Array)

           数组也是对象（内建对象）

           他和我们普通对象功能类似，也是用来储存一些值的

           不同的是普通对象使用的字符串作为属性名

                 而数组是使用数字来作为索引操作元素

       索引：

            从0开始的整数就是索引

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

储存一些数据

var arr=new Array();

console.log(typeof arr);

向数组中添加元素

语法：数组[索引]=值

arr[0]=12;
	arr[1]=34;
	arr[2]=56;
	arr[4]=67;
	console.log(arr);

读取数组中的元素

语法：数组[索引]

           如果读取不存咋的索引，不会报错而是返回undefined

	console.log(arr[1]);//12
	console.log(arr[3]);//undefined

获取数组的长度，可以使用length这个属性获取

语法：数组.length

对于连续的数组，使用length可以获取数组的长度（元素的个数）

对于非连续的数组，使用length,使用length会获取到最大的（索引+1）

尽量不要创建非连续数据

 

修改length

       如果修改length大于原长度，则多出部分会空出来

      如果修改的length小于原长度，则多出部分会被删除

arr.length=10;
//	console.log(arr);
	arr.length=2;
	console.log(arr);

 

51.Javascript数组的字面量

//创建一个数组
	var arr=new Array();

//使用字面量来创建数组
	var arr1=[];

//语法：[]
	console.log(arr1);

//使用字面量创建数组时，可以在创建时就指定数组中的元素
	var arr2=[12,34,56,7,8,9,0,3,5];

//使用构造函数创建数组时，也可以同时添加元素，将要添加的元素作为构造函数的参数传递，元素之间使用,隔开
	var arr3=new Array(12,34,56,7,8,9,0,3,5);
	console.log(arr3);

//创建数组arr4,这个数组中只有一个元素10
	var arr4=[10];
    console.log(arr4);

//创建一个长度为10的数组
	var arr5=new Array(10);
	console.log(arr5);

//数组的值可以是任意的数据类型，包含对象的
	var arr6=["hello",123,false,undefined,null];
	console.log(arr6);

//数组中可以存放函数
	var arr7=[function(){alert(123);},function(){alert("helloworld");}];
	console.log(arr7[0]);

	arr7[0]();
	//二维数组
	var arr8=[
			[1,3,4,5],
			[1,4,6,7]
		];
	console.log(arr8[1][2]);

这些都是数组的字面量

 

52.javaScript数组的方法

 

创建数组

var arr=["小明","小红","小橙"];	
	var arr1=["小黑","小绿","小蓝"];

连接两个或更多的舒徐，并返回结果

var arr2=arr.concat(arr1);
console.log(arr1);

把数组的元素串联成一个字符串，元素通过指定的分隔符进行分隔

var str=arr.join("~~");
	console.log(arr);
	console.log(str);

 

push()

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

         可以将要添加的元素作为方法的参数传递，这样这些元素将会自动添加到

数组的末尾

         该方法会将数组新的长度作为返回值返回

 

var num=arr.push("小白","小黑");
	console.log(num);//5
	console.log(arr);

 

pop()

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

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

 

unshift()

          像数组开头添加一个或多个元素，并返回新的数组长度

           向前边插入以后，其他元素的索引会一次调整

var num=arr.unshift("小白","小黑");
	console.log("num="+num);
	console.log(arr);

 

shift()

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

arr.shift();
	arr.shift();
	arr.shift();
	arr.shift();
	console.log(arr);

 

53.javaScript数组的遍历

创建数组

var arr=["小明","小红","小橙","小蓝","小绿"];

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

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

for(var o in arr){
		console.log(o);
		console.log(arr[o]);
	}

创建一个函数，可以将arrPerson中年满18岁的person提取出来，然后封装到一个新的

数组并返回

function Person(name,age){
		this.name=name;
		this.age=age;
	}
	var p1=new Person("小红",12);
	var p2=new Person("小橙",17);
	var p3=new Person("小黄",19);
	var p4=new Person("小绿",32);
	var p5=new Person("小青",22);
	var p6=new Person("小蓝",24);
	var p7=new Person("小紫",42);
	var arrPerson=[p1,p2,p3,p4,p5,p6,p7];

    console.log(arrPerson);

function getAdult(arr){
		var arrAdult=[];
		///写你自己赛选功能的代码
		for(var i=0;i<arr.length;i++){
//			console.log(arr[i]);
			//如果年满18，就把该对象添加到arrAdult数组中
			if(arr[i].age>=18){
				arrAdult.push(arr[i]);
			}
		}
		return arrAdult;
	}

源代码中对数组进行遍历。