JavaScript Tutorial--Flow Control Statement
The following will bring you an article on the usage of basic JavaScript flow control statements. The editor thinks it’s pretty good, so I’ll share it with you now and give it as a reference. Let’s follow the editor and take a look.
Part 3: Process control statements
The JavaScript code is the writing position:
JavaScript code should be written in the pair of tags .
Or as an external reference
Please end each sentence of JavaScript code with a semicolon.
Output statement
1. Console output: console.log();
It can be output in the console Some information, the output information is the content of the parentheses in console.log().
This statement is often used when debugging a program.
2. Pop-up box output:
alert();
Use alert to pop up a prompt box on the web page to display the circle of alert() Information in brackets.
prompt();
Use prompt to pop up an input box on the web page, and use the information in parentheses of prompt() as the prompt information.
confirm();
Contains a pop-up box for confirmation and cancellation.
3. Page output: document.write();
will directly display the content on the page.
Select statement
if....else statement
if (judgment condition/boolean value){
//The following code will be executed if the condition is met
Code 1;
｝else {
/ /When the above conditions are not met, or the boolean value is false, the following code 2 will be executed
Code 2
}
In addition , you can continue to add if judgment after else
if (judgment condition/boolean value){
//If the condition is met, the following code will be executed
Code 1;
｝else if (judgment condition) {
//When the above conditions are not met, or the boolean value is false, the following code 2 will be executed
Code 2
}
else if (judgment condition)
. . . . .
else {
last code
}
Switch ...case statement
Used to determine multiple possible values
switch The statement is most closely related to the if statement, and is also a type of flow control commonly used in other languages. statement.
switch (expression) {
case value: statement
break;
case value: statement
break;
case value: statement
break;
case value: statement
break;
default: statement
}switch The meaning of each case in the statement is: "If the expression is equal to this value (value), execute The following statement (statement)". The break keyword will cause the code execution flow to jump out of the switch statement. If the break keyword is omitted, the execution of the next case will continue after the current case is completed. . By adding a break statement after each case , you can avoid executing multiple case at the same time. code situation.
It can also be mixed in various situations.
switch (i) {
case 25:
/* 合并两种情形 */
case 35:
alert("25 or 35");
break;
case 45:
alert("45");
break;
default:
alert("Other");
}It should be noted that the switch statement uses the equality operator when comparing values, so no type conversion will occur (for example,
The string "10" is not equal to the numerical value 10).
break and continue statements
break ends the qualified loop inside the loop.
continue ends this loop inside the loop and starts the next loop:
Loop statement
forLoop is to execute the same piece of code repeatedly.
for(var i = 1; Judgment condition; i++){
Code block to be looped:
}
当程序运行到for的时候，会先声明一个变量i，并且赋值为1，判断i是否满足后面的判断条件，如果满足，执行下面的要循环的代码块，代码 块执行完成之后再执行i++,再判断判断条件是否满足，如果满足再次按照上面的流程执行，如果不满足，结束for循环。
for循环还可以用于嵌套，实现复杂的运算，冒泡排序就用到了for循环的嵌套。下面举两个for循环嵌套的例子。
打印直角三角形，
for (var i = 1; i <= 10; i++) {
for (var j = 1; j <= i; j++){
document.write("☆");
}
document.write("<br/>");
}打印99乘法表
for (var i = 1; i < 10; i++) {
for (var j = 1; j <= i; j++) {
document.write(j + "*" + i + "=" + i * j);// 1 * 1 = 1
document.write(" ");
}
document.write("<br/>");
}for in循环
for-in 用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
举个例子
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (x in mycars)
{
document.write(mycars[x] + "<br />")
}while循环
while(判断条件/boolean){
代码块
}
当代码执行到while的时候，会先判断判断条件是否为true，如果为true，那么会执行while大括号中的代码块，代码块执行完毕以后，再次回到while中再进行判断，如果为true,再次执行while大括号中的代码块，并且再次回while，如果为false就不执行。
注意：将来在写代码的时候一定要注意循环的判断条件不能一直为true,否则会成为一个死循环。
do...while循环
do-while 语句是一种后测试循环语句，即只有在循环体中的代码执行之后，才会测试出口条件。
换句话说，在对条件表达式求值之前，循环体内的代码至少会被执行一次。
do {
statement
} while (expression);do...while语句在开发中并不怎么用，用的最多的还是for循环，以及for循环嵌套。
补充：
Function函数对象
函数申明式
function fn(){
// 函数体
}函数表达式(匿名函数)
var fn = function(){
// 函数体
}// fn表示函数名称
// 函数表达式通常又叫匿名函数 因为没有函数名
函数的调用
fn();// 注意:函数只申明不调用是不会执行的
函数的参数
// 申明
function 函数名(形参1,形参2,形参3,){
// 函数体
}
// 调用
函数名(实参1,实参2,实参3);
函数名(实参1);// 这样写也不会有问题
函数名(实参1,实参2,实参3,实参4);// 这样写也不会有问题
// 注意:函数的实参个数可以和形参的个数不同
函数的返回值
function 函数名(){
return 要返回值;
}
// 注意:函数不写返回值时默认的返回值是undefined
函数的递归：函数在内部调用自身函数叫递归
function fn(){
fn();
}
fn();函数的回调：被当做参数传递的函数叫回调函数
function fn1(){
console.log(“我是回调函数”);
}
function fn2(parameter){
parameter(); // 调用函数
// 这里的parameter是形参 代表传进来的函数fn1
}
fn2(fn1);// fn1就是一个回调函数The above is the detailed content of JavaScript Tutorial--Flow Control Statement. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
How to implement an online speech recognition system using WebSocket and JavaScript
Dec 17, 2023 pm 02:54 PM
How to use WebSocket and JavaScript to implement an online speech recognition system Introduction: With the continuous development of technology, speech recognition technology has become an important part of the field of artificial intelligence. The online speech recognition system based on WebSocket and JavaScript has the characteristics of low latency, real-time and cross-platform, and has become a widely used solution. This article will introduce how to use WebSocket and JavaScript to implement an online speech recognition system.
Recommended: Excellent JS open source face detection and recognition project
Apr 03, 2024 am 11:55 AM
Face detection and recognition technology is already a relatively mature and widely used technology. Currently, the most widely used Internet application language is JS. Implementing face detection and recognition on the Web front-end has advantages and disadvantages compared to back-end face recognition. Advantages include reducing network interaction and real-time recognition, which greatly shortens user waiting time and improves user experience; disadvantages include: being limited by model size, the accuracy is also limited. How to use js to implement face detection on the web? In order to implement face recognition on the Web, you need to be familiar with related programming languages and technologies, such as JavaScript, HTML, CSS, WebRTC, etc. At the same time, you also need to master relevant computer vision and artificial intelligence technologies. It is worth noting that due to the design of the Web side
WebSocket and JavaScript: key technologies for implementing real-time monitoring systems
Dec 17, 2023 pm 05:30 PM
WebSocket and JavaScript: Key technologies for realizing real-time monitoring systems Introduction: With the rapid development of Internet technology, real-time monitoring systems have been widely used in various fields. One of the key technologies to achieve real-time monitoring is the combination of WebSocket and JavaScript. This article will introduce the application of WebSocket and JavaScript in real-time monitoring systems, give code examples, and explain their implementation principles in detail. 1. WebSocket technology
Essential tools for stock analysis: Learn the steps to draw candle charts with PHP and JS
Dec 17, 2023 pm 06:55 PM
Essential tools for stock analysis: Learn the steps to draw candle charts in PHP and JS. Specific code examples are required. With the rapid development of the Internet and technology, stock trading has become one of the important ways for many investors. Stock analysis is an important part of investor decision-making, and candle charts are widely used in technical analysis. Learning how to draw candle charts using PHP and JS will provide investors with more intuitive information to help them make better decisions. A candlestick chart is a technical chart that displays stock prices in the form of candlesticks. It shows the stock price
PHP and JS Development Tips: Master the Method of Drawing Stock Candle Charts
Dec 18, 2023 pm 03:39 PM
With the rapid development of Internet finance, stock investment has become the choice of more and more people. In stock trading, candle charts are a commonly used technical analysis method. It can show the changing trend of stock prices and help investors make more accurate decisions. This article will introduce the development skills of PHP and JS, lead readers to understand how to draw stock candle charts, and provide specific code examples. 1. Understanding Stock Candle Charts Before introducing how to draw stock candle charts, we first need to understand what a candle chart is. Candlestick charts were developed by the Japanese
JavaScript and WebSocket: Building an efficient real-time weather forecasting system
Dec 17, 2023 pm 05:13 PM
JavaScript and WebSocket: Building an efficient real-time weather forecast system Introduction: Today, the accuracy of weather forecasts is of great significance to daily life and decision-making. As technology develops, we can provide more accurate and reliable weather forecasts by obtaining weather data in real time. In this article, we will learn how to use JavaScript and WebSocket technology to build an efficient real-time weather forecast system. This article will demonstrate the implementation process through specific code examples. We
Simple JavaScript Tutorial: How to Get HTTP Status Code
Jan 05, 2024 pm 06:08 PM
JavaScript tutorial: How to get HTTP status code, specific code examples are required. Preface: In web development, data interaction with the server is often involved. When communicating with the server, we often need to obtain the returned HTTP status code to determine whether the operation is successful, and perform corresponding processing based on different status codes. This article will teach you how to use JavaScript to obtain HTTP status codes and provide some practical code examples. Using XMLHttpRequest
The relationship between js and vue
Mar 11, 2024 pm 05:21 PM
The relationship between js and vue: 1. JS as the cornerstone of Web development; 2. The rise of Vue.js as a front-end framework; 3. The complementary relationship between JS and Vue; 4. The practical application of JS and Vue.
