본문 바로가기

Programing

 (46)
[JavaScript] 빈 배열인지 확인하는 법 Array.isArray(arr) && arr.length === 0 으로 조건을 엮으면 됩니다. arr가 배열이라면 arr.length === 0로 넘어가서 조건을 확인한다. 배열일 경우 length가 0인지 확인한다.Javascript는 && 문 왼쪽에 있는 조건을 먼저 검사하고 true 일때만 다음 조건을 검사하기 때문입니다. 배열이 Array일 경우에만, length 프로퍼티가 있는지 확인하기에 에러가 나지 않습니다. arr.length로 하면 변수 arr가 배열값이 아닌경우 오류를 발생하기 때문에 위의 식대로 써줘야한다. * 관련 문제 (Pre Course JavaScript Basic / 069_getAllButLastElementOfProperty) Write a function called..
[JavaScript] 화살표 함수(Arrow Functions) 출처 MDN 화살표 함수 MDN 예제 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 var materials = [ 'Hydrogen', 'Helium', 'Lithium', 'Beryllium' ]; materials.map(function(material) { return material.length; }); // [8, 6, 7, 9] materials.map((material) => { return material.length; }); // [8, 6, 7, 9] materials.map(({length}) => length); // [8, 6, 7, 9] cs 자바스크립트에서 함수를 생성하기 위해서는 주로 function 키워드를 사용합니다. function 키워드는 2가..
[JavaScript] 배열 유용 Array.prototype.forEach() // Array.prototype.map() // Array.prototype.reduce() // Array.prototype.join() arr.forEach(callback) Immutable (불변) · arguments : element의 길이만큼 반복하는 함수 - parameters 순서대로 (현재 element, 현재 index, 배열 그 자체) · return value : 없음 · element 마다 함수를 반복 실행 한다. · callback에다가 함수를 넣으면됨 1 2 3 4 5 6 7 8 9 10 11 function logArrayElements(element, index, array) { console.log('a[' + index + '] = ' + element); } // 인덱스 2는 배열의 그 위치에 항목이 없기에 // 건너뜀을 주의하세요. [2, 5, , 9].forEach(logArrayElements); ..
[JavaScript] 객체(Object) // 속성(Property) // key값 ? 출처 객체(Object) 객체란, 현실의 사물을 프로그래밍에 반영한 겁니다. 코드로 보는게 이해하기 쉽겠죠? 저를 프로그래밍에 반영해서 간단한 코드로 만들어보겠습니다! 1 2 3 4 var zero = { firstName: 'Zero', lastName: 'Cho' }; cs 짜잔, 간단하게 만들었습니다!(너무 간단한가요?) 이게 저를 자바스크립트로 구현한 것입니다. 위와 같이 zero라는 변수에 { }로 감싼 덩어리를 넣었습니다. 바로 이 덩어리가 저를 표현하는 객체입니다. 객체의 부분별 이름을 알려드리겠습니다. 속성(Property) 객체 안을 보면 firstName과 lastName이 왼쪽에 있고, 'Zero'와 'Cho'가 오른쪽에 있네요. 콤마로 구분되는 것들을 객체의 속성이라고 부릅니다. z..
[JavaScript] Object Length 구하기 출처 첫번째 방법 ( IE 8 버전 이하는 지원하지 않는다고 한다.) 1 2 3 4 5 6 7 var obj = { id : 'btn', value : '50', txt : 'button'}; var obj_length = Object.keys(obj).length; console.log(obj_length); // 3 cs 두번째 방법 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 var obj = { id : 'btn', value : '50', txt : 'button'}; var getLength = function(obj) { var size = 0, key = null; for (key in obj) { if (obj.hasOwnProperty..
[JavaScript] Array.prototype.sort() 출처 sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. 정렬 속도와 복잡도는 각 구현방식에 따라 다를 수 있습니다. 1 2 3 4 5 6 7 8 9 10 var alphabet = ['Za', 'Jan', 'Oeb', 'Dec']; alphabet.sort(); console.log(alphabet); // expected output: Array ["Dec", "Jan", "Oeb", "Za"] var array1 = [1, 30, 4, 2100]; array1.sort(); console.log(array1); // expected output: Array ..
[JavaScript] 최댓값/최솟값 구하기 Math.max() MDN문서 1 2 3 4 5 6 7 8 9 10 11 console.log(Math.max(1, 3, 2)); // expected output: 3 console.log(Math.max(-1, -3, -2)); // expected output: -1 var array1 = [1, 3, 2]; console.log(Math.max(...array1)); // expected output: 3 Colored by Color Scripter cs Math.min() MDN문서 1 2 3 4 5 6 7 8 9 10 11 console.log(Math.min(2, 3, 1)); // expected output: 1 console.log(Math.min(-2, -3, -1)); // exp..
[JavaScript] 생성자와 new // + this 조금 // 객체 출처 : 생활코딩 생성자와 new 객체 객체란 서로 연관된 변수와 함수를 그룹핑한 그릇이라고 할 수 있다. 객체안에 담겨있는 변수는 프로퍼티(property) 객체안의 프로퍼티(속성)안에 담겨있는 함수를 메소드(method)라한다 객체를 만들어보자. 1 2 3 4 5 6 7 var person = { 'name' : 'egoing', 'introduce' : function(){ return 'My name is '+this.name; } } document.write(person.introduce()); cs 여기서 프로퍼티는 name, introduce 메소드는 introduce안에 있는 function() 이다. 만약 다른 사람의 이름을 담을 객체가 필요하다면 객체의 정의를 반복해야 할 것이다. 객..

티스토리툴바