JS prototype /create
·
WEB/JavaScript
quiz1 1234var obj1 = { x: 10 };var obj2 = Object.create(obj1); //obj1을 상속 받음, x값이 prototype에 위치 var result = obj2.x; // proro에 위치한 x값 10을 가져옴cs quiz2 123456var obj1 = { x: 10 }; var obj2 = Object.create(obj1); // obj1을 상속받음 obj2.x = 20; // obj2에 x를 정의하고 20의 값을 넣음 var result = obj2.x; // 상속을 받았지만 x가 생성되면서 더 가까운 20의 값을 가져옴cs quiz3 123456var obj1 = { x: 10 };var obj2 = Object.create(obj1); //obj1 상..
Debug
·
WEB/JavaScript
1.크롬 개발자 도구에서 sources 탭에서 확인할 소스파일을 연다 2. 라인넘버를 누르면 breakpoint를 잡을수 있다 3. breakpont를 잡으면 breakpoint 안 scope의 변수들에 접근 할 수 있다 4. 오른쪽 아래 scope에 들어있는 값을 확인 할 수 있다 5. sources탭에서 esc를 누르면 console창이 나오고 변수를 입력하여 값을 확일 할 수도 있다
arr 메소드
·
WEB/JavaScript
Array.isArray(obj)- 배열인지 아닌지 확인후 true/false 리턴 arr.forEach(callback function) //for문과 비슷arr.forEach(function callback(currentValue[, index[, array]])- 배열 요소마다 한번씩 주어진 함수를 실행 var array1 = ['a', 'b', 'c']; array1.forEach(function(element) { console.log(element); }); // expected output: "a" // expected output: "b" // expected output: "c" arr.map(callback function)- 콜백 함수 리턴 시 리턴값을 모은 새로운 배열을 리턴함- 콜..
string / number 메소드
·
WEB/JavaScript
str.split(seperator) - seperator 기준으로 문자열을 쪼개서 배열에 넣어줌 str.substring(start, (end))- start 부터 end 까지 문자열을 자름- 순서가 바뀌어도 동일한게 실행됨- 음수가 들어갈 경우 0번 인덱스 부터 실행 됨 str.slice(start, (end))- substring과 비슷- 인덱스 순서가 바뀌면 '' 반환 - 음수가 들어갈경우 문자열 끝부터 실행됨 str.substr(start, length)- substring과 slice와는 다르게 두번째 매개 변수에 길이가 들어감- 첫번째에 음수가 들어가면 끝에서 부터 시작 str.trim()- 문자열의 시작과 끝에 있는 공백을 제거 Number.isInteger(value)- value 값이 ..
배열 자료구조 메소드
·
WEB/JavaScript
push() - 배열 끝에 값이 추가 됨 pop()- 배열의 마지막 값이 제거 됨 unshift()- 배열의 첫번째에 값 추가 shift()- 배열의 첫번째 값이 제거 됨
변수의 값 복사 / 참조
·
WEB/JavaScript
var a = 1; var b = a; a 변수를 1로 선언한 후 b 변수에 a의 값을 넣는다 a = 3; 그 후 a의 값을 3으로 바꾸었을 때 결과 값은? a = 3 b = 1 선언했을 경우에는 대입한 변수를 바꾸어도 바뀌지 않는다. var a = [1, 2, 3] var b = a; a[0] = 2; 그렇다면 위와 같은 상황에서는 어떻게 될까 ? var a = [2, 2, 3] var b = [2, 2, 3] a와 b 모두 변화 된다.그 이유는 같은 메모리 부분을 참조하고 있기 때문이다.
trusy / falsy
·
WEB/JavaScript
참고 링크https://www.sitepoint.com/javascript-truthy-falsy/ 다음 값은 항상 falsy입니다 .false0 (제로)''또는 ""(빈 문자열)nullundefinedNaN(예 :의 결과 1/0)다른 모든 것은 trusy 입니다. 그것은 포함:'0' (단일 영을 포함하는 문자열)'false' ( "false"텍스트가 포함 된 문자열)[] (빈 배열){} (빈 객체)function(){} ( "빈"기능)