본문 바로가기

JAVASCRIPT

 (66)
Javascript 함수 - isNaN() isNaN() 숫자가 아닌게(NaN)이 맞는지(true) 아닌지(false) boolearn값으로 반환함 const age1 = 15; const age2 = "열다섯"; if (isNaN(age1)) { console.log("NaN이 맞습니다."); } else { console.log("NaN이 아닙니다."); } if (isNaN(age2)) { console.log("NaN이 맞습니다."); } else { console.log("NaN이 아닙니다."); } if문 if(조건 코드) { 조건 코드가 참일 때 실행할 코드; } else { 조건 코드가 거짓일 때 실행할 코드; };
Javascript 함수 - parseInt() parseInt() parseInt()는 string(문자열)을 number(실수)로 바꿉니다. 수로 시작할 때 그 수를 실수로 바꿉니다. 띄어 쓰기로 여러 개의 수가 있으면 첫번째 수만 바꿉니다. 공백으로 시작하면 공백은 무시합니다. 수가 아닌 문자로 시작하면 NaN을 반환합니다. const parseInt1 = parseInt("5"); const parseInt2 = parseInt(5); const parseInt3 = parseInt("a5"); const parseInt4 = parseInt("5 5"); const parseInt5 = parseInt("5a"); console.log(parseInt1); console.log(parseInt2); console.log(parseInt3); ..
Javascript 함수 - return이란? return return은 함수에서 결과 값을 반환할 때 사용합니다. 즉, 함수에서 return을 사용하면 함수를 호출했을때 return값이 반환됩니다. const calculator = { plus: function (a, b){ return a + b; }, minus: function (a, b){ return a - b; }, division: function (a, b){ return a / b; }, squared: function (a, b){ return a ** b; } } const plusResult = calculator.plus(6, 2); const minusResult = calculator.minus(6, 2); const divisionResult = calculator.d..
Javascript 함수 - function() 함수란 함수(function)란 스크립트 내에서 반복해서 사용할 수 있는 코드조각을 의미합니다. 어떤코드를 캡슐화해서 여러번 실행할 수 있게 해줍니다. 데이터 보내기 아래의 예제처럼 함수는 작성한 값을 밖으로 보낼 수 있습니다. function functionName(){ console.log("{}안에 작성하는 것들이 실행됨"); } functionName(); //실행방법 functionName(); //실행하고 싶을때마다 언제든 functionName(); //실행할 수 있음 데이터 받기 아래의 예제처럼 함수는 밖에서 데이터(인자)를 받을 수도 있습니다. 변수에 들어가는 값을 인자라고 합니다. function functionName(variable1, variable2){ console.log("첫..
Javascript 데이터 구조 - 객체(Object) 예를들어 게임을 만든다고 가정해보자 아래처럼 플레이어의 이름, 레벨, 로그인여부 등이 필요하다면 아래처럼 변수로 저장할 수 있을것이다. const playerName = "홍길동"; const playerLevel = 10; const playerLogin = true; 하지만 player가 반복되고 있으니, 이것을 배열로 정리하면 어떨까? const player = ["홍길동", 10, true]; 개발자가 각 배열의 항목의 의미를 주석으로 표시하지않는 이상 각 항목들이 어떤 값을 의미하는지 유추하기 어려울것이다. 이럴 때 우리는 객체(Object)를 이용한다. const player = { name: "홍길동", level: 10, login: true }; console.log(player); co..
Javascript 데이터 구조 - 배열(Array) 배열(Array) 자바스크립트에는 변수가 있고 변수값(데이터)가 있다. 이 데이터를 리스트로 정리하는것, 변수값을 리스트 구조로 변수에 저장하는것을 배열(Array)라고 한다. 아래에는 월화수목금토일 변수가 있고 각각의 변수값이 들어있다. 일일이 변수값을 주고 저장하면 노가다 작업을 해야하기때문에 이 경우 배열로 정리하면 편하다. 또, 아래처럼 일일이 나열한다면 특정요일을 찾기도 어렵다. index 값이 없기때문이다. 배열로 정리하면 인덱스, 즉 순서가 생기기 때문에 n번째 값을 찾거나, 찾아서 바꾸거나, n번째 값 다음으로 새로운 값을 추가하거나 등등 여러가지를 해볼수있다. 인덱스는 0부터 시작한다. 배열안에는 number, string, boolrean, null, undefinde 모두 가능하다. ..
Javascript 데이터 타입 - number, string, boolean, null, undefind 데이터 타입 데이터 타입 설명 EX number 숫자 const variable = (1); string 문자 열 const variable = ("원하는 텍스트"); boolean 참 또는 거짓 (true / false) const variable = (true); null 어떤 값이 의도적으로 비어있음을 표현 const variable = (null); undefind 선언한 후 값을 할당하지 않은 변수에 자동으로 할당됩니다. const variable; null과 undefind 차이점 null은 변수에 값이 주어졌는데 그 값이 "없다" 또는 "비어있다" 의미인거고 undefind는 변수에 값이 주어지지않은것
Javascript 변수 선언 - const, let, var 1. var var는 오래된 변수 선언 방식이다. var는 아래의 예제 처럼 변수를 재선언해도 에러가 나오지 않고, 물론 변수에 재할당도 가능하다. 당연히 원한다면 재할당을 하지 않아도 무방하다. 이처럼 var는 아무 의미도 가지지않은(?) 단순 변수 선언 방식인것이다. var a = 1 console.log(a) var a = 2 console.log(a) var a = 1 console.log(a) a = 2 console.log(a) 간단한 테스트 예제 정도라면 var를 써도 무방할것이다. 하지만 코드가 길어진다면, 해당 변수가 어떻게 쓰일것인지 파악이 어렵고 실수로 변수값이 변경될 수도 있을것이다. 그래서 이를 보완하기위해 const와 let이 나왔다. 2. const const는 변하지않는 값을..

티스토리툴바