본문 바로가기

JAVASCRIPT

(80)
parseInt() 문자열 숫자로 변환 parseInt(string, radix); 문자열을 해석(parse)해서 정수(integer)를 리턴 string이 0x로 시작하면 16진수로 간주 string이 0으로 시작하면 8진수로 간주 그외는 10진수로 간주 alert(parseInt(5)); // number, 5 alert(parseInt(5.5)); // number, 5 alert(parseInt('30 40 50')); // number, 30 alert(parseInt(' 40 ')); // number, 40 alert(parseInt('50 codingeverybody')); // number, 50 alert(parseInt('codingeverybody 50 ')); // NaN alert(parseInt(010)); // n..
... 객체 spread const a = { b:1 , c:2 } const b = a; a===b; true a와b가 달라야만 불변성을 유지할수 있음 const c = {...a}; c {b:1, c:2} c === a false 배열도 가능 const d = [1,2,3] const e === d; e ===d true const f = [...d] f (3)[1,2,3] d === f false 이 포스팅은 제로초님 강의를 듣고 만들었습니다.
window 객체 window는 브라우저에서 제일 중요한 객체 입니다. 콘솔창에 console.dir(document) 입력하면 document 객체가 나옵니다. 거기에는 document는 html의 태그들을 가르킵니다. body태그도 있어요. html과 자바스크립트는 다른 언어입니다. html 태그들을 자바스크립트로 통역해주는 역활이 Dom객체입니다.( document object model) 이 포스팅은 제로초님 강의를 듣고 만들었습니다. 제로초님 너무 감사합니다.
자바스크립트로 구구단 만들기 연습 프로젝트 (제로초) 프로젝트를 진행하기 전에 먼저 순서도를 그리는 것을 추천 합니다. while(true){ let 숫자1 = Math.floor(Math.random()*9) +1 let 숫자2 = Math.floor(Math.random()*9) +1 let 결과 = 숫자1 * 숫자2 let 조건 = true; while (조건 ){ let 답 = prompt(String(숫자1) + "곱하기" + String(숫자2) + "는?") if(결과 === Number(답)){ arert("딩동댕") 조건=false; } else { alert("땡") } } } Math.random을 화면에 쳐보면 0부터 1까지의 소수점 자리가 나온다. 거기에 9를 곱해주면 0부터 8까지 소수점 자리가 나옵니다. 그래서 Math.floor..
참조 2 let a = 1; function func(b){ b = 2; } func(a); console.log(a) 다시 예를 들자면 a의값은 b가되니깐 b=a 라고하면 b=2 이지만 a=1 입니다. 함수 안에서 b의값을 2로 선언해도 a의 값에는 영향이 가지 않습니다. 다른 예제를 보자면 let a = {'id':1}; function func(b){ b = {'id':2}; } func(a); console.log(a.id); // 1 변수에 담겨있는 값이 객체이면 b=a 라고 선언했지만 b = {'id':2}; 이라고 새로운 객체를 만들었기 때문에 a.id는 1입니다. let a = {'id':1}; function func(b){ b.id = 2; } func(a); console.log(a); a={..
참조 전자화된 시스템의 가장 중요한 특징은 복제입니다.. 현실의 사물과 다르게 전자화된 시스템 위의 데이터를 복제 하는데는 비용이 거의 들지 않습니다. 바로 이러한 특징이 소프트웨어를 기존의 산업과 구분하는 가장 큰 특징일 것입니다. 프로그래밍에서 복제가 무엇인가를 살펴봅시다. let a = 1; let b = a; b = 2; console.log(a); // 1 결과는 1입니다. 변수 b의 값에 변수 a의 값이 복제된 것입니다. 참조는 영어로 레퍼런스라고 합니다. let a = {'id':1}; let b = a; b.id = 2; console.log(a.id); // 2 a.id값을 바꿔도 b.,id값이 바뀌고 b.id값을 바꿔도 a.id값도 바뀝니다. 이것이 참조입니다. let a = {'id':1}..
원시 데이터 타입 원시 데이터 타입(기본) VS 객체 데이터 타입(참조) 원시 데이터 타입은 숫자 ,문자,불리언(true/false),null,undefiend (primitive type)이라고 합니다. let str = 'coding'; console.log(str.length); // 6 console.log(str.charAt(0)); 이상한게 있습니다. 문자열은 원시 데이터 타입인데 srt.charAt(0)은 객체 처럼 보입니다. 정식 명칭은 Object access Operator 객체 접근 연산자입니다. srt. 여기에 점은 객체입니다. srt은 객체입니다. 좀 혼란스러울수 있습니다. 문자열을 제어하기 위해서 몇번째 자리인가 또는 몇개의 글자가 있는가 어떠한 작업을 하기 위해서는 문자열을 객체데이터로 작업을 ..
object 확장의 위험 object.prototype.contain = function(neddle) { for(var name in this){ if(this[name] === neddle){ return true; } } return false; } let o = {'name':'egoing', 'city':'seoul'} console.log(o.contain('egoing')); let a = ['egoing','leezche','grapittie']; console.log(a.contain('leezche')); 이런확장은 모든 객체의 영향을 주기 때 문에 위험합니다. a ["egoing", "leezche","graphttie"] o Object = {'name':'egoing', 'city':'seoul', con..