JavaScript学习笔记—循环
时间:2023-01-13
本文章向大家介绍JavaScript学习笔记—循环,主要内容包括1. while循环、2. do...while循环、3. for循环、使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
JS三种循环语句
- while语句
- do-while语句
- for语句
通常编写一个循环,需要有三个条件:
(1)初始化表达式
(2)条件表达式
(3)更新表达式
1. while循环
- 语法
while (condition) {
// 代码
// 所谓的“循环体”
}
当 condition 为真时,执行循环体的 code。
- 示例
let i = 0;
while (i < 3) { // 依次显示 0、1 和 2
alert( i );
i++;
}
let ii = 3;
while(ii) { // 当 ii 变成 0 时,条件为假,循环终止
console.log(ii);
ii--;
}
- 练习
// 假设银行存款的年利率为5%,问1000元存多少年可以变成5000元?
let money = 1000;
let year = 0;
while(money < 5000){
money = money * 1.05;
year++;
}
console.log(`需要存${year}年,最终的钱数为${money}元`);
2. do...while循环
- 语法
do {
// 循环体
} while (condition);
循环首先执行循环体,然后检查条件,当条件为真时,重复执行循环体。
- 示例
let i = 0;
do {
console.log(i);
i++;
} while (i < 3);
这种形式的语法很少使用,除非你希望不管条件是否为真,循环体 至少执行一次。通常我们更倾向于使用另一个形式:while(…) {…}。
3. for循环
- 语法
// 初始化表达式; 条件表达式; 更新表达式
for (begin; condition; step) {
// ……循环体……
}
- 示例
// 结果为 0、1、2
for (let i = 0; i < 3; i++) {
console.log(i);
}
- 练习
// 1. 求100以内所有3的备注(求他们的个数和总和)
let count = 0; // 计数器
let result = 0; // 计算结果
for(let i = 1; i <= 100; i++){
// 3的倍数
if(i % 3 === 0){
count++;
result = result + i;
}
}
console.log(`100以内3的倍数一共有${count}个,总和为${result}`);
//============================================================
// 优化后的方法
for(let i = 3; i <= 100; i+=3){
count++;
result += i;
}
console.log(`100以内3的倍数一共有${count}个,总和为${result}`);
/*
2. 求1000以内的水仙花数
水仙花数:一个n位数(n >= 3),如果它各个位上数字的n次幂之和还等于这个数,那么此数即为水仙花数
例:153 --> 1 5 3 --> 1 125 27 --> 153
*/
for(let i = 100; i < 1000; i++){
// 取百位数 parseInt(153 / 100) --> 1
let bai = parseInt(i / 100);
// 取十位数 parseInt((153 - 1 * 100) / 10) --> 5
let shi = parseInt((i - bai * 100) / 10);
// 取个位数 153 % 10 --> 3
let ge = i % 10;
// 判断是否水仙花数
if(bai**3 + shi**3 + ge**3 === i){
console.log(i);
}
}
// 优化后的方法,主要用字符串的特性 let str = "123" 显示每位数:str[0] str[1] str[2]
for(let i = 100; i < 1000; i++){
let strI = i + "";
if(strI[0]**3 + strI[1]**3 + strI[2]**3 === i){
console.log(i);
}
}
/*
3. 获取用户输入的大于1的整数(暂不考虑输错的情况),如果是质数打印结果
质数:一个数如果只能被1和它本身整除,即为质数
1不是质数也不是合数
*/
let num = +prompt("请输入一个大于1的整数:");
let flag = true;
for(let i=2; i<num; i++){
if(num % i === 0){
flag = false;
break;
}
}
if(flag){
alert(`${num}是质数`);
}else{
alert(`${num}不是质数`);
}
原文地址:https://www.cnblogs.com/zibocoder/p/17048111.html
- 《物联网智能终端信息安全白皮书》发布
- SemCmsv2_4 Function_php文件过滤不严导致Sql注入
- Python为什么这么火?聆听Python之父诠释Python的精神和文化
- 阿里程序员2017年终总结:web前端最有效学习方法!让你少走弯路
- 《关于深化“互联网+先进制造业”发展工业互联网的指导意见》的系列解读 解读二:打造平台体系
- 2018最火的AI丶云计算丶大数据丶物联网丶量子计算五大热门之间的关系
- 人工智能或能帮助揭示永葆青春的秘密 寻减缓衰老药物
- 近百万的“荣耀”域名遭仲裁 两个终端的对决
- IT专业人员如何看待软件定义的数据中心市场
- 安正平:网络隐私保护不能止于关闭直播平台
- 摩拜与武汉地铁深度合作,网上买地铁票又多了一种渠道
- 从零推导神经网络之入门篇
- 支付宝红包到底是谁挣了?
- 计算机行业2018年度投资策略报告:人工智能为主线,关注行业落地
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 神器!人工智能分离歌曲中的人声和背景音乐
- Python自学成才之路 分布式计算解决方案actor
- MySQL代码开发和调试利器CLion
- 重磅!GitHub 推出容器镜像仓库服务!
- 深入理解 Cilium 的 eBPF 收发包路径
- CentOS7下搭建Jellyfin个人流媒体服务器
- CentOS8下yum源配置及nmcli命令简单介绍
- Day62:二叉搜索树的第k个结点
- CentOS7下利用SRS搭建直播流媒体服务器
- 第9天:NLP补充——需要的基本知识
- 6.AVCodecContext和AVCodec
- WebAssembly之使用JS调用C/C++接口
- WebAssembly之emcc编译命令
- 食堂店小二儿教你学会栈
- Istio流量管理实现机制深度解析-基于1.4.0更新