22일째, JavascriptⅡ. console.log의 출력 대상은 브라우저 개발 도구의 콘솔이었습니다.

9009 단어 초보자자바스크립트Progate
22일째, JavascriptⅡ를 공략했습니다!
PHP에 비하면 훨씬 알기 쉽습니다. 과연 차례에는 의미가 있었을지도 모릅니다.

전회, Javascript1때는 Progate로 만든 코드를 어떻게 공개하는지 몰랐습니다만,
한 번 돌았기 때문에 알았습니다! 개발 툴의 콘솔에서 볼 수 있었던 것이었습니다.

그물의 소스 코드를 복사해서 어떻게 든 움직인 것입니다만・・・
1개월 전의 Qiita를 보고, 아무것도 모르는 쪽이 야만인 챌린지를 하는 것이라고 생각했습니다.

좀처럼 생각하게 움직이지 않는 오늘이었습니다. #100DaysOfCode #Day3
h tps:// 퀵했다. 작은 m / 당나귀 m / MS / C4706991b205371 그림 FC84

이하, JavascriptⅡ 정리입니다.

22일째
htp ///아 p다 ys. 어리석은 p. 이 m/다 y22/

console.log 사용법


console.log(xxxx); 에서 콘솔에 실행 결과를 출력합니다.

while에서 반복


///1〜100をずらっと出力するWhile文
let number=1;
while ( number<= 100) {
  console.log(number);
  number++;
}

for에서 반복


///1〜100をずらっと出力するfor文
for ( let number=1; number<=100; number++ ) {
  console.log(number);
}

if 문



if 문을 작성하는 방법.
※비교의 이콜이 3개인데 주의! 왜 3개로 했다! ?
 if ( number % 3 === 0 ) {
    console.log("3の倍数です");
    }

배열



이런 느낌.
const animals = ["dog", "cat", "sheep"];
console.log(animals);
for (let i = 0; i < animals.length; i++) {
  console.log(animals[i]);
}

객체란?



객체가 뭔지가 현재 핀 때가 아닙니다.
편리한 배열 같은 느낌···? 객체와 배열의 사용소는?
초보자에게는 수수께끼 같은 아이템입니다!
사용법은 オブジェクト={プロパティ1: 値1, プロパティ2: 値2}
const characters = [
  {name: "にんじゃわんこ", age: 14},
  {name: "ひつじ仙人", age: 100},
  {name: "ベイビーわんこ", age: 5},
];

for (let i=0; i<characters.length ; i++ ) {
  //オブジェクトの要素を１つずつ定数に入れて処理。なるほどです！  
  const character = characters[i]
  console.log("名前は" + character.name + "です");
  console.log(character.age + "歳です");
}

undefined



객체에 정의되어 있지 않은 요소를 호출하면 undefined 라고 출력됩니다. 편리.
  if (character.age===undefined) {
    console.log("年齢は秘密です");
  }

연습



마지막으로 자바스크립트Ⅱ의 내용에 따라 연습문제였습니다.
낙승이라고 생각하면, 오브젝트 안의 배열에서는 이콜이 콜론이 되는데 걸렸습니다.

완성!



연습에서는 Javascript 실행 결과를 콘솔에 출력합니다.
자신의 곳에서 어떻게 하면 볼 수 있겠지요.
조사해 보면, 브라우저의 개발 툴로 콘솔을 볼 수 있다고 한다.

그래서 index.html을 쓰고 만든 자바 스크립트를 읽고 Chrome의 개발 도구로 콘솔을 열어 보면 ... 문자 깨짐이지만, 무언가가 출력되고 있습니다.
그러고 보니, CSS의 회에서 utf-8을 지정하는 것만 생각나서 meta에 추가, 할 수 있었습니다!
 <html>
  <head>
    <meta charset="utf-8">
    <title>Javascriptの練習</title>
    <script type="text/javascript" src="script.js"></script>
  </head>
  <body>
    <h1>このページは</h1>
    console.log(xxxx); を使って開発ツールのコンソールに実行結果を出力しています。
  </body>
</html>

Chrome에서 콘솔을 보면 이렇게 되었습니다.


(1시간 반 정도)
지금까지 읽은 파이썬 관련 교재 요약
24일째. 자바 스크립트 모듈, 패키지, 배열, npm

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage