본문 바로가기

Programing/JavaScript

 (40)
[JavaScript] Date MDN문서 Date시간의 특정 지점을 나타내는 Date 객체를 생성합니다. Date 객체는 1970년 1월 1일 UTC(국제표준시) 00:00으로부터 지난 시간을 밀리초로 나타내는 유닉스 타임스탬프를 사용합니다. 123456789101112131415var date1 = new Date(); console.log(Date());// "Wed Jan 30 2019 15:44:40 GMT+0900 (한국 표준시)"console.log(date1.getFullYear());// 2019console.log(date1.getDate());// 30console.log(date1.toDateString());// "Wed Jan 30 2019" var date2 = new Date('1995-12-17T03:24..
[JavaScript] arguments (feat.parameters) 매개변수(parameters) 설명 출처 함수는 매개변수(parameters)를 가질 수 있다. 1234functionName(parameter1, parameter2, parameter3) { code to be executed} Colored by Color Scriptercs 함수 매개변수(parameters) : 함수 정의(function definition)에 나열한 names함수 인수(arguments) : 함수에 전달된 실제 값(values) arguments생활코딩 12345678910function sum(){ var i, _sum = 0; for(i = 0; i
[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 ..

티스토리툴바