본문 바로가기

Javascript

 (31)
[Javascript: 객체(Object)] 객체 생성 /사용 / 반복문 / 객체 안에 객체 객체 생성/사용 var grades = {'A':100, 'B':80, "c":60}; // key:value alert(grades['A']); alert(grades.A); // 이 방식이 더 편리 alert(grades['A'+'']); // 그렇지만 이렇게 문자열을 붙여쓰는게 가능 var grades = {}; // var grades = new Object(); 라고 해도 된다. grades['A'] = 100; grades['B'] = 80; grades['C'] = 60; 응용: 반복문 var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80}; for(key in grades) { document.write("key : "+key+" value : ..
[Javascript: 배열(Array)] 원소 추가 / 제거 / 정렬 / 반복문 응용 추가 /* 배열의 뒤에 추가하는 방법 */ // 하나 추가 var li = ['a', 'b', 'c']; li.push('d'); alert(li); // a,b,c,d // 여러개 추가 li.concat(['e', 'f']); // 이렇게 하면 원래 li 배열에 추가되지 않는다. alert(li); // a,b,c,d li = li.concat(['e', 'f']); // 리턴값을 원래 li배열에 넣어주어야 추가된다. alert(li); // a,b,c,d,e,f /* 배열의 앞에 추가하는 방법 */ // 하나 추가 var li2 = ['a', 'b', 'c']; li2.unshift('d'); alert(li2); // d,a,b,c /* 배열의 중간에 추가하는 방법 */ var li3 = ['a',..
[Javascript: 함수(Function)] 다양한 함수 정의 방법 / 익명함수 함수 정의 방법 // 기본적인 방법 function f1() { return 'hello'; } // 변수에 함수 할당해서 사용 var f2 = function (){ i = 0; while(i < 10){ document.write(i); i += 1; } } f2(); // 익명함수: 이름없이 함수 정의와 일회성 호출을 한번에 (function () { return 'hi'; })();
[Javascript: Boolean] true/false로 간주되는 것 조건문에서 // 0과 그 외의 숫자 if(0) { alert('0 is fasle'); } if(1) { alert('else is true'); } if(2) { alert('else is true'); } // 빈문자열 if(!'') { alert('빈문자열'); } // undefined if(undefined) { alert('undefined'); } // 변수가 초기화되지 않음, 즉 undefined var a; if(!a) { alert('값이 할당되지 않은 변수'); } * 0은 false, 그 이외의 숫자는 true로 간주됨. * 빈문자열, undefined, Null은 false. 동등연산자에서 alert(1==true); // true alert(2==true); // false al..
[Javascript: 명령어] 기본 내장 명령어 / 메소드(Method) 명령어 alert('Hello'); // 경고창 console.log('Hello'); // 콘솔창에 출력 prompt('당신의 나이는?'); // 사용자의 입력값을 받아 string으로 return alert(prompt('당신의 나이는?')); // 사용자의 입력값을 경고창으로 출력 document.write("coding everybody "); // 웹페이지에 텍스트 출력, br태그는 줄바꿈 태그 alert()와 prompt() 예제: 로그인(아이디&패스워드)
[Javascript: 비교연산자] 동등연산자(Equal operator) / 일치연산자(Strict equal operator) 동등연산자(==)와 일치연산자(===) alert(1=='1'); // true alert(1==='1'); // false alert(undefined==null); // true alert(undefined===null); // false: 엄밀히 말하면 프로그래머가 null값을 의도한 것은 undefined가 아님 * 일치연산자: 데이터의 타입까지 같아야한다. * 동등연산자를 '지양'하고 일치연산자를 '지향'하는 것이 좋다. * 동등연산자는 숫자 1을 true로 간주한다. 그리고 그 외 숫자는 false로 간주한다. 참고하면 좋은 사이트 https://dorey.github.io/JavaScript-Equality-Table/ JS Comparison Table === (negated: !==) W..
[Javascript: 문자열(string)] 타입 / 연산 자바스크립트 언어 기본 - Egoing Lee / 생활코딩 https://www.inflearn.com/course/%EC%A7%80%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%96%B8%EC%96%B4-%EA%B8%B0%EB%B3%B8 자바스크립트 언어 기본 - javascript - 인프런 생활코딩의 자바스크립트 언어 기본 수업입니다. 기본 문법을 통한 자바스크립트 기본에 대해 배울 수 있습니다. 입문 초급 프로그래밍 언어 Javascript 온라인 강의 생활코딩의 자바스크립트 언어 기본 강좌 입니다. 자바스크립트 (Javascript) 는 웹브라우저 위에서 동작하는 언어입니다. 웹 프로그래밍을 하려 하신다면 자바스크립트는 필수라고 할수 있죠. 과거의 자바..

티스토리툴바