JS入门到放弃Day4
文章目录
JS入门到放弃Day4
数组
1.1 数组的概念
1.2 创建数组
1.3 获取数组中的元素
1.4 遍历数组
1.5 数组中新增元素
今日些练习题
数组
1.1 数组的概念
- 数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。
1.2 创建数组
JS 中创建数组有两种方式:
-
利用 new 创建数组
var 数组名 = new Array() ; var arr = new Array(); // 创建一个新的空数组
注意 Array () ,A 要大写
-
利用数组字面量创建数组
//1. 使用数组字面量方式创建空的数组 var 数组名 = []; //2. 使用数组字面量方式创建带初始值的数组 var 数组名 = ['小白','小黑','大黄','瑞奇'];
- 数组的字面量是方括号 [ ]
- 声明数组并赋值称为数组的初始化
- 这种字面量方式也是我们以后最多使用的方式
-
数组元素的类型
数组中可以存放任意类型的数据,例如字符串,数字,布尔值等。
var arrStus = ['第一',22,false,28.9];
1.3 获取数组中的元素
索引 (下标) :用来访问数组元素的序号(数组下标从 0 开始)。
数组可以通过索引来访问、设置、修改对应的数组元素,可以通过“数组名[索引]”的形式来获取数组中的元素。
// 定义数组
var arrStus = [1,2,3];
// 获取数组中的第2个元素
alert(arrStus[1]);
注:如果访问时数组没有和索引值对应的元素,则得到的值是undefined
1.4 遍历数组
-
数组遍历
把数组中的每个元素从头到尾都访问一次,可以通过 for 循环索引遍历数组中的每一项。
扫描二维码关注公众号,回复: 11218148 查看本文章
var arr = ['red','green', 'blue'];
for(var i = 0; i < arr.length; i++){
console.log(arrStus[i]);
}
-
数组的长度
数组的长度:默认情况下表示数组中元素的个数
使用“数组名.length”可以访问数组元素的数量(数组长度)。
var arrStus = [1,2,3]; alert(arrStus.length); // 3
注意:
- 此处数组的长度是数组元素的个数 ,不要和数组的索引号混淆。
-
当我们数组里面的元素个数发生了变化,这个 length 属性跟着一起变化
- 数组的length属性可以被修改:
-
如果设置的length属性值大于数组的元素个数,则会在数组末尾出现空白元素;
- 如果设置的length属性值小于数组的元素个数,则会把超过该值的数组元素删除
1.5 数组中新增元素
数组中可以通过以下方式在数组的末尾插入新元素:
数组[ 数组.length ] = 新数据;
今日练习题
此部分为数组部分的案例题
// 数组求和及平均值
var arr = [2, 6, 1, 7, 4];
var sum = 0; //和
var average = 0;
for (var i = 0; i < arr.length; i++) {
sum += arr[i]; //我们加的是数组元素arr[i] 不是计数器i
}
average = sum / arr.length
console.log(sum);
console.log(average);
console.log(sum, average);
//案例1:找出数组里最大的元素
var arr = [2, 6, 1, 77, 52, 25, 7];
var max = arr[0];
for (var i = 1; i < arr.length; i++) {
if (max < arr[i]) {
max = arr[i];
}
}
console.log(max);
//案例2;按照要求输出代码
var color = ['red', 'green', 'blue', 'pink'];
var str = '';
for (var i = 0; i < color.length; i++) {
// console.log(color[i]);
str += color[i] + '|';
}
console.log(str);
// 案例3,变量存放1-100的整数
var num = [];
for (var i = 0; i < 10; i++) {
num[i] = i + 1;
}
console.log(num);
// 案例4:存大于10 的数值进新数组
var arr = [2, 0, 6, 1, , 77, 52, 0, 25, 7];
var newArr = [];
var j = 0;
for (var i = 0; i < arr.length; i++) {
if (arr[i] > 10) {
newArr[j] = arr[i];
j++;
}
}
console.log(newArr);
案例1-4的运行结果:
// 数据反转
var arr = [1, 2, 3, 4, 5];
var newArr = [];
for (var i = arr.length - 1; i >= 0; i--) {
newArr[newArr.length] = arr[i];
}
console.log(newArr);//结果为:[5,4,3,2,1]
//筛选出所有大于0的数字放进新数组
var arr = [2, 0, 77, 52, 0, 25, 7];
var newArr = [];
// var j = 0;
for (var i = 0; i < arr.length; i++) {
if (arr[i] !== 0) {//大于0 的数字!
// newArr[j] = arr[i];
newArr[newArr.length] = arr[i];
// j++;
}
}
console.log(newArr);
今日作业
简易ATM机:
-
题目描述:
-
里面现存有 100 块钱。
-
如果存钱,就用输入钱数加上先存的钱数, 之后弹出显示余额提示框
-
如果取钱,就减去取的钱数,之后弹出显示余额提示框
-
如果显示余额,就输出余额
-
如果退出,弹出退出信息提示框
-
<script>
var have_money = 100;
while (true) {
var user_num = prompt('请输入你要的操作:' + '\n' + '1.存钱' + '\n' + '2.取钱' + '\n' + '3.显示余额' + '\n' + '4.退出')
switch (parseInt(user_num)) {
case 1:
var mig1 = prompt('您要存多少钱?');
have_money = have_money + parseFloat(mig1);
alert('现在存款有' + have_money + '元');
break;
case 2:
var mig2 = prompt('您要取走多少钱?');
if (mig2 > have_money) {
alert('不好意思钱不够呢!');
} else {
have_money = have_money - parseFloat(mig2);
alert('现在存款有' + have_money + '元');
}
break;
case 3:
// mig = prompt('您要存多少钱?');
// new_have_money = have_money + parseFloat('mig');
alert('现在余额' + have_money + '元');
break;
case 4:
var flag = prompt("是否继续?(Y/N)");
while (flag !== ('Y' && 'y')) {
flag = prompt("是否继续?(Y/N)");
}
alert('退出成功');
break;
default:
alert("输入错误");
break;
}
}
</script>
.求从1 开始第35个能被7和3整除的整数数
- 题目描述:
- 求从1开始第35个能被7和3整除的整数
- 题目提示:
- 通过变量记录是第几个可以被3和7整除的数
<script>
//2.2 求从1 开始第35个能被7或3整除的整数
// - 题目描述:
// - 求从1开始第35个能被7或3整除的整数
// - 题目提示:
// - 通过变量记录是第几个可以被3或7整除的数
for (var i = 1; i <= 35; i++) {
if (i % 3 == 0 || i % 7 == 0) {
//sum += i;累加和;每个被3整除和被7整除的数字做一个累加和
result = console.log('第' + i + '个是被3和被7整除的数,' + '数字是:' + i);
}
}
// console.log(result);
</script>
今日份结束;分享到这里。
Day4(下)笔记整理——点击前往