반응형 Embedded169 [JS] if & switch문 Switch const findName = (name: string) => { switch(name) { case "철수": console.log("철수는 뚝뚝이입니다.") break; case "영희": console.log("영희는 똑똑이입니다.") break; default: console.log("모두 똑뚝이입니다.") } } If const findName = (name: string) => { if(name === '철수') console.log("철수는 뚝뚝이입니다.") else if(name === '영희') console.log("영희는 똑똑이입니다.") else console.log("모두 똑뚝이입니다.") } 2023. 10. 24. [JS] 옵셔널 체이닝 optional chaning연산자(?.) 객체 내의 key에 접근할 때 그 참조가 유효한지 아닌지 직접 명시하지 않고도 접근할 수 있는 연산자입니다. (?.) 앞의 평가대상이 만약 nullish ( undefined 또는 null ) 일 경우 평가를 멈추고 undefined를 반환합니다. 옵셔널 체이닝 장점 : if문을 줄여줍니다. function getFriendAge(user) { return user?.friends?.bob?.age; } 2023. 10. 24. [JS] 구조 분해 할당 배열 분해하기 // 이름과 성을 요소로 가진 배열 let arr = ["Mari", "Kim"] // 구조 분해 할당을 이용해 // firstName엔 arr[0]을 // surname엔 arr[1]을 할당하였습니다. let [firstName, surname] = arr; alert(firstName); // Mari alert(surname); // Kim let [firstName, surname] = "Mari Kim".split(' '); 2023. 10. 24. [JS] typeof typeof 데이터 타입 확인하기 document.writeln(typeof "ABC"); // string document.writeln(typeof 1); // number document.writeln(typeof 1.2); // number document.writeln(typeof { name : "Anne"});// object document.writeln(typeof null); // object document.writeln(typeof [1, 2, 3]); // object document.writeln(typeof true); // boolean document.writeln(typeof undeclaredVariable); // undefined document.writeln(typ.. 2023. 10. 24. [JS] True & False False인 값 undefined null 0 -0 NaN false '' "" 위에 명시된 값들을 제외한 모든 값들은 true이다. 2023. 10. 24. [JS] 형변환 Number() : 다른 자료형을 숫자타입으로 변형 Number(“12345”); //12345 Number(“2”*2); //4 parseInt() : 정수형의 숫자로 변환 parseInt(“27”) //27 parseInt(0033); //27 parseInt(0x1b); //27 parseFloat() : 부동 소수점의 숫자로 변환 parseFloat(“!123”); //NaN parseFloat(“123.123456”); //123.123456 String() : 다른 자료형을 문자타입으로 변형 String(123); //”123" String(123.456); //”123.456" toString() : 인자로 몇 진수로 변환할지 선택할 수 있다. 인자를 전달하지 않으면 10진수로 변환한다. v.. 2023. 10. 23. [JS] 배열 var myArray = []; var myArray = [1, 2, 3, "홍길동", "아무개"]; 1. 배열 끝에 값을 추가하기 // push 메소드를 사용하여 값을 추가합니다. myArray.push(6); // 배열 인덱스를 이용하여 값을 추가 합니다. myArray[myArray.length] = 6; 2. 배열 요소 삭제 delete myArray[2]; // 요소를 지우지만 자리는 남겨 둡니다. 즉, 배열의 길이는 변하지 않습니다. var value = myArray.splice(2, 1); // 배열.splice(시작인덱스, 지울갯수); 배열 크기는 지운 만큼 줄어듭니다. var value = myArray.pop(); // 배열의 마지막 요소를 제거하고, 제거된 요소를 반환합니다. 배열크.. 2023. 10. 23. [JS] Null & Undefined undefined 데이터 그 자체가 존재하지 않는다는 것을 뜻한다. null 의.도.적으로 값이 없다는 것을 표.현.하고자 할 때 사용 2023. 10. 23. [JS] number e는 10의 거듭제곱을 수행한다. let billion = 1000000000; let billion = 1e9; // 10억 | e9는 0을 9개 붙인다. let minus = 1e-3; // 1 / 1000 = 0.001 | 10을 세 번 거듭제곱한 숫자로 나눈다. 16진수 alert( 0xff ); // 255 alert( 0xFF ); // 255, 대 소문자를 가리지 않는다. 2진수와 8진수 let a = 0b11111111 // 255, 2진수 let b = 0o377 // 255, 8진수 toString(Base) let num = 255; alert( num.toString(16) ); // ff | 255값을 16진수로 변환 합니다. alert( num.toString(2) ); // 1.. 2023. 10. 23. [JS] String var sample1 = new String("Sample1"); //첫 번째 방식 var sample2 = "Sample2"; //두 번째 방식 charAt() var Sample = "Hello"; var result = Sample.charAt(1); document.write(result); //2번째 글자인 e를 반환함 IndexOf() / lastIndexOf() var Sample = "Hello World! LKT PROGRAMMER World"; var result_indexOf = Sample.indexOf("World"); var result_lastindexOf = Sample.lastIndexOf("World"); document.write(result_indexOf); // 앞에.. 2023. 10. 23. 이전 1 ··· 8 9 10 11 12 13 14 ··· 17 다음 반응형