ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScriptの制御文とは何ですか

JavaScriptの制御文とは何ですか

青灯夜游
リリース: 2022-02-16 17:10:28
オリジナル
1725 人が閲覧しました

JavaScript における制御ステートメントは、プログラム内の各ステートメントの実行順序を制御するために使用されるステートメント構造であり、プログラム フローの選択、ループ、ステアリング、リターンを制御できます。制御文は、シーケンス構造、選択構造、ループ構造の 3 つのカテゴリに分類できます。

JavaScriptの制御文とは何ですか

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

制御ステートメントとは

制御ステートメントは、プログラム内の各ステートメントの実行順序を制御するために使用されるステートメント構造です。プログラム フローに戻り、制御を待ちます。

関数: プログラムのさまざまな構造方法を実​​現するために、プログラムの流れを制御するために使用されます。

制御ステートメントは 3 つのカテゴリに分類できます。

  • 最初のカテゴリは、上から下、左から右の順次構造です。

  • 2 番目のタイプは選択構造です: 分岐選択

  • 3 番目のタイプはループ構造です: 繰り返し実行

1. if 制御ステートメント

##1. if...else:
JavaScriptの制御文とは何ですか#

if (表达式) {
语句1;
......
}
else {
语句2;
.....
}
//功能说明:
//如果表达式的值为true则执行语句1
//否则执行语句2
ログイン後にコピー

2 、単独で使用できる場合:
#

var x= (new Date()).getDay();//获取今天的星期值,0为星期天
var y;
if ((x==6)||(x==0)) {
y="周末";
}
else {
y="工作日";
}
alert(y);

//等价于:
y="工作日";
if ((x==6)||(x==0)) {
y="周末";
}
ログイン後にコピー

3、ネストされている場合:

# #

if (表达式1) {语句1;}
else if (表达式2) {语句2;}
else if (表达式3) {语句3;}
else {语句4;}
//功能说明:
//如果表达式1的值为true则执行语句1
//如果表达式2的值为true则执行语句2...
//否则执行语句4

if (x==1){
    y="星期一";
}else if (x==2){
    y="星期二";
...
}else if (x==6){
    y="星期六";
}else if (x==0){
    y="星期日";
}else{
    y="未定义";
}
ログイン後にコピー
JavaScriptの制御文とは何ですか

2. スイッチ選択制御ステートメント

1. 基本形式:


switch (表达式) {
    case 值1:语句1;break;
    case 值2:语句2;break;
    case 值3:语句3;break;
    default:语句4;//其他均不成立时执行
}
//功能说明:
//如果表达式的值是值1/2...则分别执行语句1/2...然后退出
//如不为列出的任何值,执行default后的语句(语句4)
//不加break会继续执行下一个条件的语句
//default放于最后,或加break,否则执行下一条语句

var x=3
switch(x){
case 1:y="星期一";break;
case 2:y="星期二";break;
case 3:y="星期三";break;
case 4:y="星期四";break;
case 5:y="星期五";break;
case 6:y="星期六";break;
case 7:y="星期日";break;
default: y="未定义";
}
alert(y)
//case 3后不加break会继续执行y='星期四'...
ログイン後にコピー
JavaScriptの制御文とは何ですか

2. switch 構造は if 構造よりも簡潔で明確なので、プログラムがより読みやすく効率的になります

/*if语句适用范围比较广,只要是boolean表达式都可以用if判断
而switch只能对基本类型进行数值比较
两者的可比性就仅限在两个基本类型比较的范围内

/*说到基本类型的数值比较,那当然要有两个数
然后重点来了:*/
//if语句每一句都是独立的,看下面的语句:
if (a == 1) ...
else if (a == 2) ...
/*这样a要被读入寄存器两次:1和2分别被读入寄存器一次
其实a读两次是有点多余的,在全部比较完之前只需一次读入寄存器就即可,其余都是额外开销
但是if语句必须每次都把里面的两个数从内存拿出来读到寄存器,它不知道其实比较的是同一个a*/
//于是switch case就出来了,把上面的改成switch case版本:
switch (a) {
        case 0:
                break;
        case 1:
}
                
//总结:
1.switch用来根据一个整型值进行多路分支,并且编译器可以对多路分支进行优化
2.switch-case只将表达式计算一次,然后将表达式的值与每个case的值比较,进而选择执行哪一个case的语句块
3.if的判断条件范围较广,每条语句基本上独立的,每次判断时都要条件加载一次
所以在多路分支时用switch比if结构要效率高
ログイン後にコピー

3. While ループ制御ステートメント

#
while (条件) {
语句1;
...
}
//功能说明:
//功能和for类似,当条件成立循环执行{}内语句,否则跳出循环

var i=1;
while (i<=7) {
    document.write("<H"+i+">hello</H "+i+"> ");
    document.write("<br>");
    i++;
}
//循环输出H1到H7的字体大小
ログイン後にコピー
<script language="JavaScript">
//sayhello是定义的函数名,前面必须加上function和空格
function sayHello(){
    var hellostr;
    var myname=prompt("请问您贵姓?","苑");
    hellostr="您好,"+myname+&#39;先生,欢迎进入"探索之旅"!&#39;;
    alert(hellostr);
    document.write(hellostr);
}
//对前面定义的函数进行调用
sayHello();
</script>
ログイン後にコピー

[関連する推奨事項: JavaScriptの制御文とは何ですかJavaScript 学習チュートリアル

]# #

以上がJavaScriptの制御文とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート