본문 바로가기

Programming/javascript (JS)

 (19)
JS(11) 연산자 우선순위 연산자 우선순위 수학에서 곱하기를 더하기보다 먼저 계산하는 것 처럼, Javascript에서도 연산자에 우선순위가 존재. *, /, %가 +, -보다 먼저 계산됨. 관계연산자, 논리연산자에도 연산에 우선순위가 있고 괄호를 사용해 우선순위를 지정할 수 있다. 우선순위 순으로 정리한 연산자 ++, -- ! *, /, % +, - = ==, != && || ex) 2*3>4+5 && 6/3 == 2 || !false ↓ 2*3>4+5 && 6/3 == 2 || true ↓ ↓ ↙ 6 > 9 && 2== 2 || true ↓ ↓ false && true || true ↓ false || true ↓ true 괄호 우선순위를 명시하기 위해 괄호를 사용. 괄호안의 계산식이 먼저 계산됨. 부가적인 효과로, 코드의 가..
JS(10) 관계연산자 / 논리연산자 관계연산자 Relational Operator 두 개의 피연산자를 비교하는 연산을 수행. 대소비교연산. ex) a보다 b가 크다. 관계연산자는 boolean 타입, 즉 true 또는 false 형태로 출력값이 반환된다. number와 string 자료형 둘다 가능. ab a=b a==b //a와 b는 같다. a!=b //a와 b는 같지 않다. 논리연산자 Logical Operator 논리연산자는 두 boolean 피연산자들(자료형들)을 가지고 다시 연산할 수 있다. And = && : 두 피연산자가 모두 true일 경우, true를 반환. 나머지는 모두 false반환. Or = || : 두 피연산자 중 하나라도 true일 경우, true를 변환. Not = ! : 피연산자가 true인 경우(!true) ..
JS(9) 함수 사용하기 함수를 '호출'한다 : 해당 함수가 기능을 수행하고 결과값을 반환한다. console.log("콘솔에 로그를 남기는 함수"); 함수식 정의 function 함수이름(매개변수/인수1, 인수2) { //이 코드 안에서 인수들은 변수처럼 활용할 수 있다. 함수를 정의할 때 사용하는 변수를 매개변수라 함. 매개변수가 있는경우 인수(함수를 호출할 때 전달한 값)를 적음. /*실행할 코드 작성*/ return 결과값; /*return을 만나면 함수는 즉시 실행을 멈추고(종료) 뒤에 있는 결과값을 반환. } 참고로 실행은 종료해야하지만 결과값은 반환할 필요가 없는 경우 결과값 생략가능.*/ 함수 실행하는 법 텍스트 개발자도구 console탭에 함수이름을 적고 괄호 (를 열고 인자가 있는 경우, 인자를 적고 괄호 ) ..
JS(8) 산술연산자 산술 : 계산을 하는. 연산자operator : 계산하라는 신호. --사칙연산-- >var a=5, b=3; a+b; a-b; a+3; 5+3; a*b; a/b; a%b; //나머지 연산자 %를 이용하면 a를 b로 나눈 나머지를 알 수 있음. var a=1; console.log(a); console.log(a+1); 2 >console.log(a); >1 //바로 위의 a+1에 영향을 받지 않고 맨 처음 선언했던 a=1 값을 그대로 출력한다. //하지만 (a+1) 대신에 (++a)을 쓰게되면, >console.log(++a); //++a의 의미는 a=a+1 console.log(a); console.log(a); //이 명령이 먼저 실행되고 console.log(a++); //a+1 명령이 그다음에 실..
JS(7) undefined, null undefined, null : 값이 없다. 어떤 변수에 아무 값이 없을 경우.(=초기화 되지 않은 변수) undefined는 주로 시스템에서 어떤 변수나 속성이 정의되지 않은 경우를 표현하기 위해 사용함. null은 개발자가 의도적으로 비어있는 무의상태를 표현하기 위해 사용함. >var null_var; >null_var=null; >null_var; >typeof(null_var); var b=null
자바스크립트 JS (6). 데이터타입(자료형) - 객체 object 이전에는 변수를 배우고 변수에 저장할 수 있는 자료형으로 number, string, boolean형을 배웠다면 이번에는 이보다 복잡한 자료형인 객체에 대해서- 객체를 만드는 방법은 중괄호 { }를 사용해 괄호 안에 객체를 정의하여 만들기. >var empty_obj={ }; //빈 객체 선언. typeof(empty_obj); //앞에서 선언한 객체의 데이터타입을 출력하라는 명령. var man={name(속성이름): "홍길동"(값), age(속성이름)=20(값), height(속성이름)=180(값)}; //객체는 여러개의 속성으로 이루어져 있고 각각의 속성은 이름과 값으로 이루어지게 된다. 이 속성의 값은 모두 자료형이 될 수 있다. 객체도 객체 속성의 값으로 가능하다. 객체 속성에 접근하고 변경하기..
자바스크립트 JS (5). 데이터타입-문자열(string) var a = '문자열은 작은따옴표로 둘러싸면 된다.' ; var b = "큰따옴표로도 문자열을 표현할 수 있다." ; => 큰따옴표와 작은따옴표로 모두 문자열 표현 가능! --문자열 안에 큰/작은따옴표를 쓰려면-- var c = "큰따옴표 문자열에 중간에 따옴표 '를 사용할 수 있다." ; var d = '작은따옴표 문자열 중간에 큰따옴표 "를 사용할 수 있다.' ; --문자열 안에 큰따옴표와 작은따옴표를 !모두! 쓰려면-- ＼: Escape Character 사용 shift+\(|) -> 콘솔에 출력하면 ＼는 안보이고 따옴표만 남는다. var e = "작은따옴표를 쓰고 싶다면 ＼'이렇게＼' 사용하면 된다. 마찬가지로 ＼"큰따옴표＼"도 쓸 수 있다." ; var f = '작은따옴표를 쓰고 싶다면 ＼'이..
자바스크립트 JS (4). 데이터타입-숫자형(number) & parseInt / parseFloat JS에서는 정수와 실수, 지수를 따로 구분하지 않고 모두 숫자형이라는 데이터타입으로 표현한다. 문자열string을 숫자형number으로 변환하기 var height=prompt("키를 입력해주세요."); //사용자에게 키값을 입력받기 console.log(height, typeof(height)); //키값과 키값의 데이터타입을 출력 --개발자도구 결과-- 185.3 string *!왜 185.3이 문자열이라고 나왔나? prompt는 입력받은 문자열을 그대로 결과로 돌려주므로 숫자를 입력해도 숫자가 적힌 문자열로 반환한다. typeof(1)은 숫자형, typeof("1")은 문자열. 숫자로 활용해야 의미가 있기 때문에 문자열을 숫자형으로 변환해주는 기능이 필요. 이런 역할을 하는 대표적 명령이 parse..

티스토리툴바