[JavaScript] 배열 요소 수정/삭제 함수, splice() 이 페이지는 자바스크립트의 배열에서 요소를 삭제 또는 교체, 추가할 때 사용하는 내장함수 splice()에 대해 설명하고 있다. 기본적으로 자바스크립트의 배열에는 요소를 제어하는 역할을 하는 splice() 메서드가 있다. array.splice(start[, deleteCount[, item1[, item2[, …]]]]) 기본 구조를 보면, start로 배열을 변경할 시작 인덱스를 지정하여 작업하고 변경된 요소를 담은 Array 객체를 반환한다. (제거한 요소를 담은 배열로 반환한다는것은, 하나의 요소만 제거한 경우 길이가 1인 배열을 반환하고, 아무 값도 제거하지 않았으면 빈 배열을 반환한다는 뜻이다.) start는 배열의 변경을 시작할 인덱스로, 음수인 경우 배열의 끝에서부터 센다. deleteC..
Programming/JavaScript 2020. 1. 3. 11:30
[JavaScript] 배열 정렬 함수, sort() 이 페이지는 자바스크립트에서 배열을 정렬할 때 사용하는 내장 함수 sort()에 대해서 설명하고 있다. 기본적으로 자바스크립트의 배열에는 정렬하여 반환하는 역할을 하는 sort() 메서드가 있다. arr.sort([compareFunction]) 기본 구조를 보면, compareFunction로 정의된 정렬 순서를 통해 arr라는 Array 객체를 정렬하여 반환한다. compareFunction을 생략하면 기본적으로 각 요소의 유니코드 값에 따라 자동으로 정렬된다. (default 오름차순) 정렬되면서 기존의 배열 데이터가 변경되는 메서드이기 때문에 신중하게 사용해야한다. const months = ['March', 'Jan', 'Feb', 'Dec']; months.sort(); console.log(..
Programming/JavaScript 2019. 10. 8. 16:51
[JavaScript] Hoisting 이 페이지에서는 자바스크립트의 호이스팅의 정의와 예시를 설명하고 있다. hoist: 들어올리다, 끌어올리다 Hoisting(호이스팅)이란, 변수의 사용 및 함수의 실행 코드가 선언보다 먼저 일어나도 정상 진행이 되도록 하는 것. (흔히 선언코드가 끌어올려진다고 표현하지만, 실제 메모리에는 변화가 없다.) 함수선언식만 호이스팅이 일어난다. 함수표현식은 NONO! 할당구문은 런타임 과정에서 이루어지기 때문에 호이스팅되지않는다 - 함수를 끌어올리지만 변수의 값은 끌어올리지않는다! + 함수선언식 function foo() {} + 함수표현식 / 함수할당식 var foo = function() {} # 예제1. Name("sohyun"); function Name(name) { console.log("My nam..
Programming/JavaScript 2019. 8. 19. 14:32
[JavaScript] Compare Version Numbers 이 페이지는 자바스크립트를 이용한 버전비교를 설명하고 있다. 버전을 비교하기에 앞서 버전관리에 대해서 간단하게 설명하려한다. Semantic Versioning (SemVer)는 버전 형식에 의미를 부여하여 체계적인 버전관리를 위한 제안이다. 명확한 버전 구분을 통해 변화량을 짐작할 수 있다. 보통 0.0.0 (Major, Minor, Patch) 같이 세부분으로 나눠진 형태의 버전을 많이 사용한다. Major: 전체를 뒤엎을 정도로 큰 변화가 발생했을 경우, 이전버전과 호환되지 않는 API 변경시 버전 증가 Minor: 주요 기능의 추가나 변경 시 버전 증가 Patch: 버그 수정 등 작은 변화 발생 시 버전 증가 Q. 버전은 1.0.0 / 1.0.23 / 1.1 처럼 '.'으로 구분된 문자열이다. 두..
Programming/JavaScript 2019. 6. 21. 17:22
[JavaScript] Pass By Value / Pass By Reference 이 페이지는 Pass By Value와 Pass By Reference를 설명하고 있다. # pass vs call Call By Value, Call By Reference 와 무슨 차이가 있을까? 보통 주어가 함수일 때 call by, 인수일 때 pass by를 사용하는 듯 하다. > They are synonymous. The term 'call-by-value' means exactly the same as 'pass-by-value'. # Pass By Value (Call By Value, 값에 의한 호출) : 인자로 넘기는 값을 복사해서 새로운 함수에 전달하는 방식. 값에 의한 호출은 원본값이 변경될 가능성은 없지만, 고비용과 메모리의 문제점이 있다. 예제1. const a = 1; cons..
Programming/JavaScript 2019. 6. 11. 08:13
[JavaScript] replace / replaceAll 이 페이지는 JavaScript의 replace에 대해 설명하고 있다. # replace String.replace(oldValue, newValue) const result = 'kkuma'.replace('k', a'); console.log(result); result의 값은 무엇일까? 위의 코드는 ‘kkuma’의 ‘k’를 모두 ‘a’로 바꾸고 싶었던 생각을 반영한 코드이다. 그러나, result는 ‘akuma’로 생각했던 값이 아닌 가장 앞에 k 하나만 변경된 값이었다. 해결방안으로는 두 가지를 제안해본다. 1. 정규표현식 replace에 정규표현식을 이용하면 replaceAll의 역할을 할 수 있다. 정규표현식 참조 정규 표현식 정규 표현식은 문자열에 나타는 특정 문자 조합과 대응시키기 위해 사..
Programming/JavaScript 2019. 6. 9. 08:58
1
최근에 올라온 글
TAG more
«   2024/11   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Total
Today
Yesterday