whatisthis?

💡 Window 객체란? - 브라우저의 요소들과 자바스크립트 엔진, 그리고 모든 변수를 담고 있는 객체 - 브라우저 전체를 담당하는 것이 Window 객체 (cf. Document 객체 = 웹사이트만 담당) - Document 객체도 Window 객체 안에 들어있음. window객체 아래에는 많은 속성(property)과 메소드(method)가 존재함.그중에서도 대표적인 것을 살펴보면 * 객체 : screen , location , history , document 객체* 메소드 : parseInt , isNaN 등 사실 parseInt같은 경우에도 window.parseInt()라고 작성하지 않고 parseInt()라고만 작성한다.Window 객체는 모든 객체의 조상, 즉 전역객체(global obje..

함수의 메소드 중 중요한 것은 call, apply, bind 이다. 원래 함수는 선언한 후 호출을 해야 실행된다. 💡 call과 apply 함수 뒤에 ()를 붙임 call 과 apply call은 보통 함수와 똑같이 인자를 넣음 apply는 인자를 하나의 배열로 묶어 넣음 let example = (a,b,c => a+b+c); // example 함수 선언 example.call(null, 1, 2, 3); example.apply(null, [1, 2, 3]); ** call과 apply가 공통적으로 가진 null인자의 역할은? this를 대체하는 것. var obj = { string: 'zero', yell: function() { alert(this.string); } }; var obj2 =..

String 관련 Method 목차 ** https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String String - JavaScript | MDN String 전역 객체는 문자열(문자의 나열)의 생성자입니다. developer.mozilla.org charAt() includes() indexOf() / lastIndexOf() match() / matchAll() padEnd() / padStart() raw() repeat() replace() / replaceAll() search() toLowerCase() / toUpperCase() trim() / trimEnd() / trimStart() valueO..

Array.indexOf() - indexOf() 메서드는 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고, 존재하지 않으면 -1을 반환함. SYNTAX arr.indexOf(searchElement[, fromIndex]) 매개변수 searchElement 배열에서 찾을 요소 fromIndex (Optional) 검색을 시작할 색인(index) -> 생략시 0번지부터 검색함. cf. String.indexOf() 배열 뿐만 아니라 String(문자열)에서도 주어진 값과 일치하는 첫 번째 인덱스를 반환할 수 있음. 마찬가지로 일치하는 값이 없으면 -1을 반환. ** 만약 ()안에 아무값도 주어지지 않으면 undefined를 찾으려는 문자열로 사용함. ** 만약 fromIndex >= st..

Array.forEach() - forEach()메서드는 주어진 함수를 배열 요소 각각에 대해 실행함. SYNTAX arr.forEach(callback(currentvalue[, index[, array]])[, thisArg]) 매개변수 callback 함수 : 각 요소에 대해 실행할 함수. 다음 세 가지 매개변수를 받습니다. currentValue 처리할 현재 요소. index Optional 처리할 현재 요소의 인덱스. array Optional forEach()를 호출한 배열. thisArg Optional callback을 실행할 때 this로 사용할 값. - forEach()는 주어진 callback을 배열에 있는 각 요소에 대해 오름차순으로 한 번씩 실행함. - 요소 값 / 요소 인덱스 /..

Array 관련 Method 목차 ** https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array Array - JavaScript | MDN JavaScript Array 전역 객체는 배열을 생성할 때 사용하는 리스트 형태의 고수준 객체입니다. developer.mozilla.org isArray() find() findIndex() includes() indexOf() / lastIndexOf() every() filter() forEach() map() reduce() / reduceRight() from() slice() pop() / push() shift() / unshift() keys() / valu..

우리는 String 형을 Number 형으로 바꿀 때, 연산(*1)을 사용하기도 하지만, 주로 parseInt()나 Number()을 사용한다. = 형 변환 (Type Casting) parseInt()와 Number()의 차이는 무엇일까? parseInt() Number() 문자열에서 숫자를 가져오는 능력 good. 즉, 문자열이 섞여있어도 가능. >> "2022년", "467개" 등 / 첫 번째 글자가 숫자여야 한다. 문자열이 숫자로만 되어있어야 숫자로 변환 가능. >> "22" , "5382" 등만 가능 const var1= "2022년"; parseInt(var1); // 2022 Number(var1); // NaN 만약 Number()안에 숫자로만 되어있지 않은 값이 온다면, NaN(Not a..

그동안 String()이나 Number()함수를 이용해서 형 변환을 했었다면, 가장 간단한 방법으로 변환해보자! ** 주의 ) 명시적인 타입변환은 아니니 '이런 방법도 있구나' 하고 참고만 하자! 💡 자바스크립트의 자동 형변환을 이용! ** String -> Number let str = "22" str *= 1; console.log(typeof str); // Number 1을 곱해준다. >> 값의 변화는 없지만, 곱하기(*) 연산자는 number형만 가능하므로 그에 의해 number형으로 바뀐다. ** Number -> String let num = 123; num += "" console.log(typeof num); // String 공백("")을 더해준다. >> string을 더해주면 stri..

대괄호 =>[] list를 나열 할 때 list의 인덱스를 지정해줄 때 ex) mise[0], mise[1] 중괄호 => {} dictionary를 만들 때 {'key': 'value'} style tag를 적용해줄 떄 ex) .commet { 적용해줄 것 } 특정 function에 대해 정의해줄 때 ex). function openclose() { 실행 할 것 } for문의 조건문 뒤에 실행할 것을 적어 줄 때 for (i=0; i b ) { 실행 할 것 } 소괄호 => () for문의 특정 조건을 적어줄 때 ex) for (i=0; ib ) jquery 선택자를 적어줄 때(특정조건) $('#names-q7') 함수 이름 바로 뒤에 (매개변수가 들어갈 위치) function openclose() => ..

REFERENCE Array.prototype.sort() - JavaScript | MDN sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. developer.mozilla.org Array.prototype.sort() sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환함. const array1 = [1, 30, 4, 21, 100000]; array1.sort(); >> Array [1, 100000, 21, 30, 4] 숫자여도 문자열처럼 나열한다. (ASCII코드 대로) compareFunction이 제공되지 않으면 요소를 문..