본문 바로가기

Programing/JavaScript

 (40)
[JavaScript] Scope 12345678var greeting = 'Hello';function greetSomeone() { var firstName = 'Josh' return greeting + ' ' + firstName;} greetSomeone(); // => 'Hello Josh'firstName; // ReferenceErrorcs function greetSomeone() 범위는 => Local Scopevar greeting부터 firstName까지 => Global Scope 안쪽(Local Scope)에서는 바깥(Global Scope) 값을 가져올 수 있는데바깥쪽에서는 안쪽 값을 가져올 수 없다 (6:40)What is a scope?변수는 어떠한 환경 내에서만 사용 가능하며, 프로그래밍 언어는 각각의 변..
[JavaScript] for문, forEach(), for in, for of 차이 참고한 글 출처 : 알짜배기 프로그래머 배열에서 유용한 forEach() 정리글for...in문 정리글 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748const array = ['가','나','다','라']; console.log('-- basic --');for(let i = 0; i { console.log(elem); // elem은 배열의 요소값을 나타낸다}); console.log('-- for of --');for (let value of array){ console.log(value); // for of는 배열의 요소값을 나타낸다.} console.log('-- for in --');..
[JavaScript] Window.prompt() MDN문서 Window.prompt()는 사용자가 텍스트를 입력할 수 있도록 안내하는 선택적 메세지를 갖고 있는 대화 상자를 띄웁니다. 예제1 1234567let userInput = prompt('당신의 별자리는 무엇입니까?'); // 별자리를 묻는 창이 뜬다 if(userInput === '천칭자리') { // 천칭자리라고 입력할 경우 alert('와 저도 천칭자리에요!'); // 라는 메세지가 알람으로 뜬다.} console.log(userInput); // 유저가 입력한 값을 콘솔로 내보낸다cs 예제2 1234567891011let sign = prompt("당신의 별자리는 무엇입니까?"); if (sign.toLowerCase() === "전갈자리") { alert("와! 저도 전갈자리예요!")..
[JavaScript] eval() MDN문서 123456789101112console.log(eval('2 + 2'));// expected output: 4 console.log(eval(new String('2 + 2')));// expected output: 2 + 2 console.log(eval('2 + 2') === eval('4'));// expected output: true console.log(eval('2 + 2') === eval(new String('2 + 2')));// expected output: false Colored by Color Scriptercs eval() 은 문자로써 표현된 자바스크립트 코드를 실행하는 함수입니다.
[JavaScript] var, let, const 의 차이 출처 : 알짜배기 프로그래머출처 : GitHubGist LeoHeo 이전의 javascript 에서는 var 를 사용하여서만 변수를 선언했습니다.하지만 이는 1. 변수의 재선언 시에나 2. 호이스팅과 같은 자바스크립트의 특성에서 몇몇 문제점을 야기했죠.그래서 이러한 문제점을 보완하기 위해 ECMAScript 6 에서 나온 것이const와 let 입니다. 이것은 둘다 재선언이 불가능 합니다.간단한 예를 보도록 하죠. 12345678var name = '이건'console.log(name); // '이건' var name = 'Geon Lee';console.log(name); // 'Geon Lee' name = '';console.log(name); // ''cs 위와 같이 var로 선언된 경우 아무 문..
[JavaScript] Number/Math Methods // Number.prototype.toString() / Number.isInteger / parseInt(value) / parseFloat(value) / num.toFixed() / Math.min / Math.max / Math.floor / Math.round / Math.random() / Math.sqrt() / Math.pow Number MDN문서 숫자형 문자열에서 숫자로 변환 1 2 3 4 5 6 7 8 9 10 Number('123') // 123 Number('12.3') // 12.3 Number('123e-1') // 12.3 Number('') // 0 Number(null) // 0 Number('0x11') // 17 Number('0b11') // 3 Number('0o11') // 9 Number('foo') // NaN Number('100a') // NaN cs Number.prototype.toString() MDN문서 number를 string으로 바꿔주는 메소드 1 2 3 4 5 6 7 8 9 10 11 12 13 var count = 10; console.log(count.toString()); ..
[JavaScript] String Methods / String.prototype.substr() / str.indexOf / String.prototype.match() / str.substring / str.toLowerCase() / str.toUpperCase() / String.prototype.charAt() / String.prototype.trim String.prototype.substr()MDN문서substr() 메서드는 문자열에서 특정 위치에서 시작하여 특정 문자 수 만큼의 문자들을 반환합니다 12345678var str = 'Mozilla'; console.log(str.substr(0, 2));// expected output: "Mo" console.log(str.substr(2));// expected output: "zilla" cs str.indexOf(searchValue)· arguments: 찾고자하는 문자열· return value: 처음으로 일치하는 index, 찾고자하는 문자열이 없으면 -1· lastIndexOf는 문자열 뒤에서부터 찾음 (뒤에서 첫번째로 일치하는 문자열) 123456'Blue Whale'.indexOf..
[JavaScript] in 연산자 MDN문서 in연산자 구문 속성 in 객체명 arguments 속성 : 속성의 이름이나 배열의 인덱스를 뜻하는 문자열 또는 수 값입니다. 객체명 : 객체의 이름입니다. 다음 예제들은 in 연산자의 용도를 보여 줍니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 // 배열 console.log(new Array("redwood", "bay", "cedar", "oak", "maple")); // Array ["redwood", "bay", "cedar", "oak", "maple"] var trees = new Array("redwood", "bay", "cedar", "oak", "maple"); 0 in trees // true를 반환합니다. ..

티스토리툴바