JavaScript数组详解-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_49344258/article/details/108406995

https://www.w3school.com.cn/js/index.asp

1.JavaScript数组

数组就是能够一次保存多个数据值的变量。

var a =100; var b="hello";

var c=[100,"hello"]; //数组

1.1数组的创建

格式1：

var arr=[数据值1，数据值2.....数据值n);

格式2：

var arr=new Array();

var arr=new Array(数据值1，数据值2，...数据值n);

以上两个例子效果完全一样。无需使用new Array().

出于简洁、可读性和执行速度的考虑，请使用第一种方法（数组文本方法）。

1.2.数组赋值

1. 创建+赋值

var 数组名称=[数据值1，数据值2，....数据值n);

var 数组名称=new Array(数据值1，数据值2，.....数据值n);

2.先定义后赋值[逐个赋值]

var 数组名称=new Array();

数据名称[下标]=数据值

下标--数组存储空间的位置，从0开始。

1.3访问数组元素

格式：数组名称[下标]

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>数组</title>
		<script>
			function testArray(){
				/*1.创建+赋值
				var arr=[数据值1,数据值2,...数据值n];
				var arr=new Array(数据值1,数据值2,...数据值n);
				*/
			   var shuzi1=["zhangmazi","liujianming","hanchen"];
			   var shuzi2=new Array("zhangmazi","liujianming","hanchen");
			   //2.先定义后赋值[逐个赋值]
			   var shuzi3=new Array();
			   shuzi3[0]="zhangmazi";
			   shuzi3[1]="liujianming";
			   shuzi3[2]="";
			   shuzi3[3]="hanchen";
			   //获取数组元素值
			   //var str=shuzi1[0]+":"+shuzi2[1]+":"+shuzi3[2];
			   //alert(str);
			   //1.length 属性返回数组元素的个数
			   //alert(shuzi3.length);
			   //1.toString()把数组中的数据转换为字符串中使用（逗号分隔）。
			   //alert(shuzi3.toString());
			   //2.jojn(分隔符号) 数组中的数据转换为字符串中使用（自定义分隔符）。
			   //alert(shuzi3.jojn("hello"));   
			   //3.pop() 方法从数组中删除最后一个元素，并且会返回被删除的元素值
			   //4.push(元素值) 方法向数组结尾添加一个新的元素；
			   //alert(删除之前=="shuzi3.length");
			   //var lastvalue=shuzi3.pop();
			   //alert("b被删除的数据值是"==+lastvalue);
			   //alert("删除之后=="shuzi3.length);
			   //alert(shuzi3.toString());
			   //var len=shuzi3.push("hanchen")；
			   //alert("push之后=="+len);
			   //alert(shuzi3.toString());
			   //5.shift()  方法会删除首个数组元素，并且返回被删除的元素值
			   //6.unshift()向数组开头添加一个新的元素，并且会返回数组元素的个数。
			   var onevalue=shuzi3.shift();
			   alert("被删除的数据值是=="+onevalue);
			   alert(shuzi3.toString());
			   var  len=shuzi3.unshift("zhangmazi");
			   alert(shuzi3.toString());
			   
			}
		</script>
	</head>
	<body onload="testArray();">
	</body>
</html>

1.4数组的属性

length属性返回组元素的个数

1.5数组的常用方法

1.51 toString()把数组中的数据转换为字符串中使用（逗号分隔）。

1.52 join(分隔符号）数组中的数据转换为字符串中使用（自定义的分隔符）。操作最后一个元素

1.53 pop()方法从数组中删除最后一个元素，并且会返回被删除的元素值。操作第一个元素

1.54 push(元素值）方法向数组结尾添加一个新的元素，并且会返回数组元素的个数。操作第一个元素

1.55 shift()方法会删除首个数组元素，并且会返回被删除的元素值

1.56 unshift()向数组开头添加一个新的元素，并且会返回数组元素的个数。

1.57 delete运算符来删除数组元素，使用delete会在数组留下未定义的空洞，var shuzi1=["zhangmazi","liujianming","hanchen"];

//delete运算符来删除数组元素，使用delete会在数组留下未定义的空洞，delete shuzi1[1];

1.58 splice()方法可用于向数组指定位置添加元素

第一个元素（2）定义了应添加新元素的位置。

第二个元素（0）定义应删除了多少元素。

其余参数--定义要添加的新元素。

var names1=["zhangsan","lisi","wangwu"];

names1.splice(1,2,"hello","world","nihao");

alert(names1.toString());

//我们可以使用splice()来删除指定位置上的元素，且不会留下未定义的空洞

names1.splice(1,1);

alert(names1.toString());

alert(names1[1]);

1.59 concat()方法通过合并（连接）现有数组来创建一个新数组。

//合并2个数组

//var names3=names1.concat(names2);

//alert(names3.toString());

var names4=new Array("0901","2020","1023");

合并多个数组

var names5=names1.concat(names2,names4);

alert(names5.toString());

1.60 slice(strat,end)方法截取数组从开始位置到结束位置的元素组成一个新数组。

1.61 sort()方法将数组中的元素按照由小到大的顺序排列

注意：如果数字按照字符串来排序，则"25" ,大于 ”100",因为”2“ 大于”1“。

var names1=[12,"lisi",23,3,"zhangsan","wangwu",11,"zhangwu"];

names1.sort();

alert(names1.toString());

//将数字按照数值大小，有下到大排列

var names2=[12,234,-11,3.7];

names2.sort(function(a, b){return a - b});

alert(names2.toString());

1.62 reverse()方法反转数组中的元素。

1.63 查找最高（或最低）的数组值

//排序之后

//alert("name2数组中的最大值=="+names[names2.length-1]};

//alert("names2数组中最小值=="+names2{0};

//没有排序

alert(Math.max.apply(null,names2));

alert(Math.min.apply(null,names2));

二.JavaScript Math对象

对数学运算的操作方法

1.属性pi---圆周率

2.Math.round(x)的返回值是 x 四舍五入最接近的整数【注意负数】

3.Math.pow(x,y)的返回值是x 的 y次幂

4.Math.sqrt(x)返回x的平方根

5.Math.abs(x)返回x的绝对（正）值

6.Math.min()和Math.max()可用于查找参数列表中的最低或最高值；

7.Math.random()返回介于0（包括）与1（不包括）直接的随机数【小数】

var ran=parseInt(Math.random()*100)+1;

                                   alert(ran);

                                   if(ran>70){

                                            alert("中奖");

                                   }else{

                                            alert("没中奖");

                                   }