JavaScript

[javascript] 객체 정의 / 프로토타입 기반 언어 / 객체 만들기 (생성) ✔️ 객체란? : 객체는 자바스크립트 언어 만이 가지고 있는 특징의 기초를 이루는 자료형이다! ⭐ 데이터를 저장하고 있는 프로퍼티 ⭐ 프로퍼티에 저장된 데이터를 조작할 수 있는 메소드로 구성된다. : 객체는 (이름:값) 형태의 프로퍼티들을 저장하는 컨테이너이다. : 기본 타입은 하나의 값만 가지지만, 참조 타입의 객체는 여러 프로퍼티를 포함할 수 있다. : null 과 undefined 를 제외한 모든 원시 타입도 객체로 취급된다. 원시 타입들도 프로퍼티가 추가될 수 있고, 모두 객체의 특징을 갖는다! ⭐ 객체 사용시 속성 이름을 가지고 속성 값을 읽거나 쓸 수 있다~ ⭐ 실행 시점에 특정 객체에 속성을 추가하거나 제거할..

[javascript] 브라우저 객체 모델 / window 객체 / document 객체 ✔️ 브라우저 객체 모델 BOM : 브라우저와 상호작용하는 메소드와 인터페이스를 제공한다. : 웹 브라우저와 관련된 객체의 집합이다. : BOM 은 문서 객체 모델 DOM 과 달리 W3C 표준 모델은 아니지만, 자바스크립트가 브라우저의 기능적 요소들을 직접 제어하고 관리할 방법을 제공한다. ✔️ window 객체 : DOM 문서를 포함한 브라우저의 창을 나타내며, document 속성은 브라우저 창에 로드된 DOM 문서를 가리킨다. : window 객체는 브라우저 기반 자바스크립트의 최상위 객체다. : 전역 객체라고도 불리며 전역 객체는 그 객체의 프로퍼티나 메소드를 사용할 때, 이름 명시할 필요가 없다. : 모든 ..

[javascript] JSON 객체 ✔️ JSON 객체 : 자바스크립트 노테이션을 분석하거나 값을 JSON 으로 변환하는 정적 메소드를 가지고 있다. : JSON 을 직접 호출하거나, 인스턴스를 생성할 수 없다. 📓 정적 메소드 JSON.parse() : JSON 문자열의 구문을 분석하고 그 결과에서 자바스크립트 값이나 객체를 생성한다. JSON.stringify() : 자바스크립트 값이나 객체를 JSON 문자열로 변환한다. //자바스크립트 객체 var obj = {name:'홍길동', kor:90, eng:80}; //자바스크립트 객체를 JSON 형식의 문자열로 변환 var s = JSON.stringify(obj); console.log(s); // JSON 문자열을 구문분석하여 그 결과를 자바스크..

[javascript] apply(), call() ⭐⭐ / arguments / bind() ✔️ apply() : 주어진 this 값과 배열로 제공되는 arguments 로 함수를 호출한다. 📓 형식 : fun.apply(thisArg, [argsArray]) : thisArg : fun 을 호출하는데 제공될 this 의 값이다. 메소드가 비엄격 모드 코드 내의 함수일 경우 null과 undefined 는 전역 객체로 대체된다. : argsArray : fun 이 호출되어야 하는 인수를 지정하는 유사 배열 객체. 함수에 제공된 인수가 없을 경우 null 또는 undefined var sum = function(a, b, c) { return a+b+c; } // 1) 일반적인 방법으로 함수 호출 s ..

✔️ Set 객체 : 중복을 허용하지 않는다. 중복 안되는 프로그램 짤 때 유용함! var set = new Set(); // 중복 허용 안함 set.add("java"); set.add("oracle"); set.add("html"); set.add("css"); set.add("java"); set.add("spring"); console.log(set.size); // 개수 5 console.log(set.has('html')); set.delete('spring'); // 삭제 💡 has : item 의 존재 유무 확인 indexOf 보다 연산이 더 빠르다~ 💡 배열에서 삭제하면, 요소 수가 안줄어든 것과 달리, set 은 delete 시 요소 수가 줄어든다! -- 처음부터 순회 (for of 문..

[javascript] 배열 정렬 / forEach() / map() / filter() ✔️ 배열 정렬하기 : sort() : 기본적으로 문자의 유니코드 코드 포인터값에 따라 사전식 배열 var a = ["BBA", "BC", "CC", "ABC"]; a.sort(); //유니코드 값의 사전식 정렬 console.log(a.join()); // ABC BBA BC CC - but! 숫자는 sort() 배열시, 아래와 같이 잘못 배열될 수 있다. var b = [55,7,10,35,40]; //숫자는 이렇게 하면 xx b.sort(); // 각 요소를 문자열로 변환하여 유니코드 값의 사전식 배열 console.log(b.join()); //10,35,40,55,7 유니코드 포인터값에 따라!! 💡 숫자를 ..

[javascript] 배열 관련 메소드 - indexOf(), join(),reverse() ✔️ indexOf 메소드 : 요소의 인덱스이다. 없으면 -1을 반환 var a = [10,20,30,20,40]; var n; //요소의 인덱스. 없으면 -1 n = a.indexOf(20); console.log("20 인덱스 : " + n); //1 n = a.indexOf(120); console.log("120 인덱스 : " + n); //-1 💡 lastIndexOf(20); : 뒤부터 검색하여 20의 인덱스 ✔️ join() 메소드 : 배열의 요소를 연결하여 하나의 문자열로 만든다. //join() : 배열의 요소를 연결하여 하나의 문자열로 만든다. n = a.join(); console.log(n..

[javascript] 배열 - 새로운 요소 추가 / 삭제 ✔️ 배열 새로운 추가 : ⭐자바스크립트에서 배열의 크기는 동적이다.⭐ : 요소 추가 방법 var a = [10, 20]; a[2] = 30; console.log( a.join() ); 💡 존재하지 않는 인덱스에 데이터 추가가 가능하다. 존재하는 곳에 데이터 그냥 추가하면 된다. 💡 join() : 배열의 모든 요소를 연결. 하나의 문자열로 만든다. - undefined 저장할 수 있음 a[4] = 50; console.log( a.join() ); // 10,20,30,,50 console.log( a[3] ); //undefined console.log( a ); //[10,20,30,empty,50] undefined는 콘솔에서 empty..

[javascript] Array 객체 - 배열 ✔️ Array 객체 : 일련의 값들을 저장할 수 있는 배열을 생성할 때 사용하는 리스트 형태의 고수준 객체다. : 배열의 각 요소는 배열의 이름과 인덱스로 접근하며, 인덱스는 0부터 시작한다. 📓 특징 : 타입이 고정적이지 않다. 즉, 같은 배열에 있는 원소의 타입이 서로 다를 수 있다! : 32비트 인덱스 사용 : 크기가 동적이다 (자유자재) : 배열을 생성하거나 크기가 변경되어 다시 할당하더라도 배열의 크기를 다시 선언할 필요 없다 ❌ : 모든 배열은 객체다! 즉, 객체 프로토타입으로부터 속성들을 상속 받은 객체다. : 배열 리터럴에서 빠진 부분은 undefined 가 된다. ✔️ Array 객체 생성 1) 배열 리터럴을 이용한 1차원 배열 //---..

[javascript] Number 객체 / Math 객체 ✔️ Number 객체 : 자바스크립트에서는 정수와 실수를 따로 구분하지 않고, 모든 수를 실수 하나로만 표현한다. : 자바스크립트에서 모든 숫자는 국제 표준에서 정의한 64비트 부동 소수점 수로 저장된다. : Number 객체는 숫자 값으로 작업할 수 있게 해주는 래퍼 객체이다. : Number 객체는 new 연산자와 Number() 생성자를 사용하여 만든다. : 원시 숫자 자료형은 Number() 함수를 사용해 생성할 수 있다. : 인수를 숫자로 변환할 수 없으면 NaN 을 리턴한다. : 생성자를 사용하지 않으면 Number 를 사용하여 형 변환이 가능하다. var s; //Number() 생성자 s = new Number('123'); co..