数组

最新推荐文章于 2021-07-06 21:33:19 发布
最新推荐文章于 2021-07-06 21:33:19 发布
阅读量205 收藏
点赞数
分类专栏： 随笔
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiaqingge/article/details/52825246
版权

<!DOCTYPE html>

<html>


<head>

<meta charset="UTF-8">

<title>数组</title>

<style type="text/css">

div {

width: 200px;height: 200px;

border:2px solid blue;

font-size:40px;

text-align:center;

line-height: 200px;

background: rgb(111,222,111); 

}

</style>

</head>


<body>

<div class="myDiv">1</div>

<div class="myDiv">2</div>

<div class="myDiv">3</div>

<div class="myDiv">4</div>

<div class="myDiv">5</div>

<script type="text/javascript">

/*

* 数组:用于存放大量数据的有序集合.

* 语法结构:

* var 数组名 = [值1,值2,值3...]

* js里的数组里可以存放不同数据类型的数据.

*/

// var numArr = [1, 2, 3, 4, 5];

// var city = ["北京", "上海", "广州", "深圳", "郑州"]

// console.log(typeof numArr);

// console.log(typeof city);


// var arrs = [1, true, "呵呵", -3.56]

// console.log(arrs);

//

// var a = 5;

// var arrs2 = [a + 5, a * 5, a++ ,a ,a--]

// console .log(arrs2);

// console .log(a)

//

// var arrs3 = [1,  ,3 ]

// var arrs4 = [, , , , , ,]

// console.log(arrs3[1]);

// console.log(arrs4[2]);

//如果全部写逗号,系统会会忽略最后一个逗号.

/*

* 如何从数组中取元素????

* 访问数组中元素的方法:

  用下标访问.

* 数组名[下标]

* 下标是从0开始的.

*/

// var city = ["北京", "上海", "广州", "深圳", "郑州"]

// console.log(city[4])

// console.log(typeof arrs3[1]);

//如果数组中某些元素不赋值,系统会将其判定为undefined类型.

//如果要遍历整个数组,通常会与循环结合使用.

// for(var i = 0; i <5; i++){

// console.log("array[" + i + "] = " + city[i])

// }


// var numArr = [1, 2, 3, 4, 5];


// for(var i = 0; i < 5; i++){

numArr[i] *= 10;

// numArr[i] = numArr[i]*10;

// console.log(numArr[i]);

// }


// numArr[5] = 6;

// console.log(numArr);

//空数组

// var emptyArr = [];


//练习1 声明一个数组,并向该数组中存放10个随机数,随机数范围[20, 50].

// var emptyArr = []

// for(var i = 0; i < 10; i++) {

// emptyArr[i] = Math.floor(Math.random() * 31 + 20)

// }

// console.log(emptyArr)

//练习2 在练习1的基础上,求数组的最大值,最小值,平均值

// var emptyArr = []

// var a = 0;

// var b = 50;

// var sum = 0;

// var avg = 0;

// for(var i = 0; i < 10; i++) {

// emptyArr[i] = Math.floor(Math.random() * 31 + 20)

// a = a > emptyArr[i] ? a : emptyArr[i];

// b = b < emptyArr[i] ? b : emptyArr[i];

// sum += emptyArr[i];

// }

// avg = sum /10 ;

// console.log(emptyArr)

// console.log("最大值"+a, "最小值"+b, "平均值"+avg)


//练习3 有两个数组arr1和arr2,分别给两个数组中的元素赋10个随机值,然后将两个数组里对应下标上的元素相加,将相加后的结果赋值到第三个数组arr3的对应下标的位置.

var arr1 = []; arr2 = []; arr3 = [];

for(var i = 0; i <10; i++){

arr1[i] = Math.floor(Math.random()*10)

arr2[i] = Math.floor(Math.random()*10)

arr3[i] = arr1[i] + arr2[i]

}console.log(arr1, arr2, arr3)

//通过类名获取元素

//getElementByClassName()

var divs = document.getElementsByClassName("myDiv");

// console.log(divs);

for(var i = 0; i < 5; i++){

// divs[i].style.background =  "red";

//随机三元色[0,255]

var red = Math.floor(Math.random() * 256);

var green = Math.floor(Math.random() * 256);

var blue = Math.floor(Math.random() * 256);

divs[i].style.background = "rgb(" + red + "," + green + ","+ blue +")"

}

</script>

</body>


</html>

紫颖梦忆
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
C语言总结（一维数组、二维数组、字符数组和字符串）
csuft20164442的博客
01-23 12万+
C语言总结第七章、数组一维数组一维数组的定义一维数组的引用一维数组的初始化程序举例二维数组及多维数组二维数组的定义二维数组元素的引用二维数组元素的初始化程序举例字符数组和字符串字符数组 第七章、数组 数组是构造数据类型之一 数组： 有序数据的集合,用数组名标识 元素： 属同一数据类型,用数组名和下标确定 一维数组 一维数组的定义 定义方式： 例： int a[6] 一维数组的引用 1、数组...
数组指针和指针数组
mick_hu的博客
09-17 14万+
首先，理解一下数组指针和指针数组这两个名词： “数组指针”和“指针数组”，只要在名词中间加上“的”字，就知道中心了—— 数组的指针：是一个指针，什么样的指针呢？指向数组的指针。 指针的数组：是一个数组，什么样的数组呢？装着指针的数组。 然后，需要明确一个优先级顺序：()>[]>*，所以： (*p)[n]：根据优先级，先看括号内，则p是一个指针，这个指针指向一个一维数组，数组长...
c语言—数组详解(建议收藏)
热门推荐
Welcome to my blog.
07-06 15万+
文章目录一、一维数组1.一维数组的创建和初始化(1).数组的创建(2).数组的初始化2.一维数组的使用3.一维数组在内存中的存储二、二维数组1.二维数组的创建和初始化(1).二维数组的创建(2).二维数组的初始化2.二维数组的使用3.二维数组在内存中的存储三、数组作为函数参数1.一维数组2.二维数组四、数组指针和指针数组1.指针数组2.数组指针 一、一维数组 1.一维数组的创建和初始化 (1).数组的创建 数组是一组相同类型元素的集合。 数组的创建方式： type_t arr_name [const
数组_matlab数组_
10-02
在MATLAB中，数组是一种非常基础且重要的数据结构，它允许我们存储和处理大量数值数据。MATLAB数组的使用广泛，涵盖了科学计算、数据分析、图像处理等众多领域。本资料包着重介绍了MATLAB中的数组计算，包括数组的...
初识JAVA数组
09-04
【初识JAVA数组】 在Java语言中，数组是一种基本的复合数据类型，它代表了有序数据的集合。数组的关键特性是其元素具有相同的类型，并且可以通过一个数组名称和下标来唯一地确定每个元素的位置。Java支持一维数组和...
js多维数组转一维数组
06-16
js基础代码实现
详解C++中的一维数组和二维数组
09-03
【C++一维数组】 C++中的一维数组是一种存储同类型数据的连续内存空间，可以看作是具有固定大小的线性集合。数组的定义通常遵循以下格式： ```cpp 类型标识符 数组名[常量表达式]; ``` 例如： ```cpp int a[10]; ...
鼠标移入移出事件
JQG的博客
10-18 5610
DOCTYPE html> html> head> meta charset="UTF-8"> title>鼠标移入移出事件title> style type="text/css"> #div1 { width: 200px; height: 200px; background:yellow; } #div2 { width: 100px; height:
统计网站pv数
JQG的博客
11-29 925
//统计网站pv数 if(is_file("pv.txt")){ //有 $count = file_get_contents("pv.txt"); $count += 1; echo "当前页面的pv是:$count"; file_put_contents("pv.txt",$count); }else{ //没有 file_put_contents("pv.txt",
TweenJS
JQG的博客
10-18 671
DOCTYPE html> html> head> meta charset="UTF-8"> title>TweenJStitle> style type="text/css"> * { margin: 0; padding: 0; } #div1 { width: 50px; height: 50px; background: red; positi
京东版轮播图
JQG的博客
10-19 568
DOCTYPE html> html> head> meta charset="UTF-8"> title>title> style type="text/css"> * { margin: 0; padding: 0; } #wrap { width: 300px; height: 200px; margin:100px auto; border:2
JS时钟
JQG的博客
10-18 526
DOCTYPE html> html> head> meta charset="UTF-8"> title>JS时钟title> style type="text/css"> * { margin: 0; padding: 0; } #wrap { width: 300px; height: 300px; border-radius:50%; backg
函数
JQG的博客
10-15 506
DOCTYPE html> html> head> meta charset="UTF-8"> title>函数title> style type="text/css"> div { width: 100px; height: 100px; border: 1px solid; } style> head> body> div class="
DOM基础01
JQG的博客
10-20 484
DOCTYPE html> html> head> meta charset="UTF-8"> title>DOM基础01title> style type="text/css"> #p1 { visibility: hidden; } #div1 { width: 200px; height: 100px; background: red; } styl
php面向对象,正则,文件列表
JQG的博客
11-29 471
//面向对象 //创建类 class class Person{ //1.属性 public $name = "zhangsan"; public $age = "18"; //2.私有 private $money = 200; //3.受保护的 protected $height = 160; //4.方法 public function setNa
tweenjs大图滚动
JQG的博客
10-18 379
DOCTYPE html> html> head> meta charset="UTF-8"> title>tweenjs大图滚动title> style type="text/css"> #show { width: 730px; height: 454px; margin:100px auto; border:3px solid gold; overflow
C语言中的数组详解
"这篇资源主要介绍了C语言中的数组定义、特点和一维数组的应用。" 在C语言中，数组是一种构造类型的数据结构，它是由相同类型的一组变量组成，这些变量在内存中是连续存储的。数组使得我们可以方便地处理一组相同...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值