일일 자바스크립트 학습요약(기본지식)_자바스크립트 스킬

1. 문자변환

 var s1 = "01";
  var s2 = "1.1";
  var s3 = "z";//字母'z'无法转换为数字，所以或返回NaN
  var b = false;
  var f = 1.1;
  var o = { 
   valueOf: function() {
    return -1;
   }
  };
  
  s1 = -s1; //value becomes numeric -1
  s2 = -s2; //value becomes numeric -1.1
  s3 = -s3; //value becomes NaN
  b = -b;  //value becomes numeric 0
  f = -f;  //change to -1.1
  o = -o;  // 1 先执行对象的valueOf()方法返回-1,--1为1
　　　　o = +o;//-1 o的valueOf()值为-1，+-1还是-1

2. 특수문자 연산

 var result1 = 5 - true; //4 because true is converted to 1
  var result2 = NaN - 1;  //NaN NaN不是一个数字，和任何数字做任何运算都是NaN
  var result3 = 5 - 3;  //2
  var result4 = 5 - "";  //5 because "" is converted to 0
  var result5 = 5 - "2";  //3 because "2" is converted to 2
  var result6 = 5 - null; //5 because null is converted to 0

3. 문자열 연산에 대한 변수

 var value1 = 10;
  var value2 = true;
  var value3 = null;
  var value4;//value4 没有赋值就是underfined 转换为字符串就是'underfined'
  
  alert(String(value1));  //"10"
  alert(String(value2));  //"true"
  alert(String(value3));  //"null"
  alert(String(value4));  //"undefined"

4. 숫자 변환

var num = 10;
  alert(num.toString());  //"10"默认十进制
  alert(num.toString(2));  //"1010"二进制
  alert(num.toString(8));  //"12"八进制
  alert(num.toString(10));  //"10"十进制
  alert(num.toString(16));  //"a"十六进制

5. 문자열 비교 연산

var result1 = 5 > 3; //true
  var result2 = 5 < 3; //false
  var result3 = "Brick" < "alphabet"; //true 字符串比较按照字母表顺序进行比较 小写字母在大写字母后面
  var result4 = "Brick".toLowerCase() < "alphabet".toLowerCase(); //false字母表顺序比较
  var result5 = "23" < "3"; //true 字符2小于字符3
  var result6 = "23" < 3; //false 此时'23'转换成23了
  var result7 = "a" < 3; //false because "a" becomes NaN 字符'a'无法转换成数字
  var result8 = NaN < 3; //false NaN 和任何数字比较，都无法转换成数字，所以一直是false
  var result9 = NaN >= 3; //false

6. 문자변환

  var num1 = parseInt("AF", 16);  //175 按照16进制输出十进制数据 10*16+15*1
  var num2 = parseInt("AF");   //NaN 没有指定进制，默认按照10进制转换，由于AF不在十进制范围，返回NaN

  alert(num1);
  alert(num2);

7.parseInt 사용

  var num1 = parseInt("1234blue"); //1234
  var num2 = parseInt("");   //NaN 字符''无法转换成数字
   var num3 = parseInt("0xA");   //10 - hexadecimal 16进制的A
  var num4 = parseInt(22.5);   //22
  var num5 = parseInt("70");   //70 - decimal
  var num6 = parseInt("0xf");   //15 16进制为15

8. 숫자 객체 사용

  var num1 = Number("Hello world!"); //NaN
  var num2 = Number("");    //0 空字符串可以转换成0 这个parseInt()不一样
   var num3 = Number("000011");  //11
  var num4 = Number(true);   //1

9. NaN 사용 

  alert(NaN == NaN);  //false
  alert(isNaN(NaN));  //true
  alert(isNaN(10));  //false ?10 is a number
  alert(isNaN("10"));  //false ?can be converted to number 10
  alert(isNaN("blue")); //true ?cannot be converted to a number
  alert(isNaN(true));  //false ?can be converted to number 1

10. 시스템 최대 개수

var result = Number.MAX_VALUE + 1;
alert(isFinite(result)); // false

11. 인피니티

  alert(5 * 6);   //30
  alert(5 * NaN);   //NaN
  alert(Infinity * 0); //NaN
  alert(Infinity * 2); //Infinity
  alert("5" * 5);   //25
  alert(true * 10);  //10
  alert(false * 10);  //0
　　　　　　alert(26 % 5); //1
　　　　　　alert(Infinity % 3); //NaN
　　　　　　alert(3 % 0); //NaN
　　　　　　alert(5 % Infinity); //5
　　　　　　alert(0 % 10); //0
　　　　　　alert(true % 25); //1
　　　　　　alert(3 % false); //NaN

12. for in 루프

for (var propName in window) {
    document.write(propName);
    document.write("<br />");
  }

13. 특수문자 비교

 alert(null == undefined); //true
  alert(null === undefined); //false
  
  alert("NaN" == NaN);  //false
  alert("NaN" === NaN);  //false
  alert(NaN == NaN);   //false
  alert(NaN === NaN);   //false
  alert(NaN != NaN);   //true
  alert(NaN !== NaN);   //true
  
  alert(false == 0);   //true
  alert(false === 0);   //false
  alert(true == 1);   //true
  alert(true === 1);   //false
  
  alert(null == 0);   //false
  alert(undefined == 0);  //false
  
  alert(5 == "5");   //true
  alert(5 === "5");   //false  

14. 부울 객체

 var message = "Hello world!";
  var messageAsBoolean = Boolean(message);
  
  alert(messageAsBoolean); //true

15. 태그와 함께 for 루프 사용
break 문과 continue 문 모두 레이블이 지정된 문과 함께 사용되어 코드의 특정 위치로 돌아갈 수 있습니다.
일반적으로 이는 루프 내부에 루프가 있을 때 수행됩니다. 예:

 var num = 0;
  //返回到特定的位置
  outermost:
  for (var i=0; i < 10; i++) {
    for (var j=0; j < 10; j++) {
    if (i == 5 && j == 5) {
     break outermost;
    }
    num++;
   }
  }
  
  alert(num); //55

위의 예에서 가장 바깥쪽 레이블은 첫 번째 for 문을 나타냅니다. 일반적으로 각 for 문은 코드 블록을 10번 실행합니다. 즉, 일반적인 상황에서는 num이 100번 실행되고 실행이 완료되면 num이 100이 되어야 합니다. 여기서 break 문에는 루프를 중지한 후 이동할 문의 레이블인 하나의 매개변수가 있습니다. 이런 방식으로 break 문은 내부 for 문(즉, 변수 j를 사용하는 명령문) 밖으로 점프할 수 있을 뿐만 아니라, 외부 for 문(즉, 변수 i를 사용하는 명령문)에서도 점프할 수 있습니다. 따라서 i와 j의 값이 모두 5가 되면 루프가 종료되므로 num의 최종 값은 55입니다.
continue 문도 같은 방식으로 사용할 수 있습니다:

var iNum = 0;

outermost:
for (var i=0; i<10; i++) {
 for (var j=0; j<10; j++) {
 if (i == 5 && j == 5) {
 continue outermost;
 }
 iNum++;
 }
}

alert(iNum); //输出 "95"

위의 예에서 continue 문은 내부 루프뿐만 아니라 외부 루프도 강제로 계속되도록 합니다. 이는 j가 5일 때 발생합니다. 즉, 내부 루프가 5번의 반복으로 줄어들어 iNum의 값이 95가 됩니다.

팁: 보시다시피 break 및 continue와 함께 사용되는 레이블이 있는 문은 매우 강력하지만 과도하게 사용하면 코드를 디버깅할 때 문제가 발생할 수 있습니다. 사용하는 레이블이 설명적이어야 하며 루프 수준이 너무 많이 중첩되지 않도록 하세요.

위 내용은 오늘의 자바스크립트 학습 내용을 요약한 내용이며, 매일 계속해서 업데이트 될 예정이니 많은 관심 부탁드립니다.