첫 JavaScript 2

전회의 계속이 됩니다.
최초의 JavaScript 그 1 - Qiita

삼항 연산자



index.html
<script>
var a, b, c;
if (条件) {
    a = b;
} else {
    a = c;
}
</script>

위와 같은 분기 처리를 삼항 연산자로 간결하게 쓸 수 있습니다.a = (条件) ? b : c;

조건 분기의 switch 문



if 문 조건이 3 개 또는 4 개 이상이면 switch 문을 사용합시다!
switch 문을 사용하면 깔끔하게 쓸 수 있습니다. (if문의 조건을 4개 이상 쓰면 다른 사람으로부터 주시는 것 같습니다)

index.html
  <script>
        var color = "red";

        switch (color) {
            case "red":
                // colorがredの時の処理
                break;
            case "green":
            case "blue":
                // colorがgreenもしくはblueの時の処理
                break;
            case "yellow":
                // colorがyellowの時の処理
                break;
            default:
                // colorが上記の4つの色の*どれでもない*時の処理
                break;
        }
  </script>

주의: break;를 쓰는 것을 잊지 않도록 부탁드립니다! !
break를 쓰지 않으면 어떻게 될지, 아무쪼록 스스로 시험해 주셨으면 합니다!

반복 처리



같은 처리를 반복하고 싶은 경우에 사용하는 while문과 for문입니다.

while 문



index.html
  <script>
        var i = 0;
        while (i < 10) {
            // ここの処理が10回行われます。
            i++;
        }
  </script>

do while 문



index.html
  <script>
        var i = 0;
        do {
            // ここの処理も10回行われます。
            i++;
        } while (i < 10);
  </script>

그러나, while의 조건 판정이 나중에 하기 때문에, 만일 i가 처음부터 10이상인 경우에서도, 1회만 do안의 처리가 행해집니다!

for 문



index.html
  <script>
        for (var i = 0; i < 10; i++) {
            if (i === 5) {
                //break;
                //continue;
            }
            // ここの処理が10回行われます。
        }
  </script>

for 문 안의 break 문



index.html
  <script>
        for (var i = 0; i < 10; i++) {
            if (i === 5) {
                break; // iが5になったらfor文を終了するという意味
                //continue;
            }
            // ここの処理が5回行われます。
        }
  </script>

for 문 안의 continue 문



index.html
  <script>
        for (var i = 0; i < 10; i++) {
            if (i === 5) {
                //break; 
                //continue; // iが5にの時**だけ**ここ以降の処理をスキップする。for文自体はiが10になるまで続く
            }
            // ここの処理が9回行われます。
        }
  </script>

다양한 대화 상자를 내 보자.



여기서 드디어 자바 스크립트 실행 결과를 브라우저에서 볼 수 있습니다.
alert("どうも"); "//아무래도"라고 표시된 대화 상자가 표시됩니다.var answer = confirm("ケーキ好きですか?");위의 과정을 통해 질문 대화 상자가 표시되고 예와 아니오 버튼이 있습니다.var name = prompt("お名前は?");상기 처리에서는, 질문의 다이얼로그, 또한 입력란이 표시되는, 사용자가 넣은 값을 name으로 수신할 수 있다.

여기에서 조금 잡담을 끼웁니다.
예를 들어, 100회 반복하는 for문의 처리중에 alert("아무래도");를 쓴다고 합시다.
유저로부터 하면 짜증나네요. 그래서 일부러 그러한 처리를 쓰고, 유저에게 괴롭힘을 하는 좋지 않은 사이트도 세상에는 존재합니다. 그것을 브라우저가 점점 진화하고 막아주고,
또한 브라우저에는 JavaScrpt와 팝업을 금지하는 설정도 있습니다.
이것도 모두 사용자를 보호하기 때문입니다! !
실제로 앞으로 웹사이트를 만들 경우 이런 사용자의 환경을 상정한 후 구현해야 합니다!
방법에 대해서는 향후 말씀드립니다. 지금은 머리의 한쪽 구석에 두십시오.

함수에 관하여



함수는 특정 양의 처리를 함께 작성하는 것입니다.

예:

index.html
  <script>
        function hello(input) {   // helloという関数です
            var output = input * 3 + 12 - 4  // いろいろな処理
            return output;  // 処理結果を関数の呼び出し元に返す、返す必要がない場合は、return文は必要ありません。
        }
        alert(2); // 14と表示される
        alert(3); // 17と表示される
  </script>

input 을 인수라고 합니다. output을 반환값이라고 합니다.
인수는 필요하지 않으면 불필요하고, 또, 「,」로 복수 지정하는 것도 가능합니다
예: function hai(name, age) { // 省略}
함수는 동일한 처리를 효율적이고 깨끗하게 쓰는 것을 주된 목적으로 하고 있습니다.
어떻게하면 깨끗한 코드를 작성할 수 있는지 항상 생각해보십시오.

이번에는 여기까지! 계속은 다음 번에! !

좋은 웹페이지 즐겨찾기