자바스크립트에서 문자열을 연결하거나 붙일 때에는 "+" 연산자, concat() 함수를 사용하고, 배열의 문자열을 합칠 때는 join() 함수를 사용하면 된다. 문자열을 합칠 때는 일반적으로 "+" 연산자를 많이 사용한다. "+" 연산자가 concat() 함수보다 조금 더 성능이 좋은 걸로 알려져 있다. "+" 연산자를 사용하여 문자열 합치기 concat() 함수를 사용하여 문자열 합치기 join() 함수를 사용하여 배열을 문자열로 합치기 "+" 연산자를 사용하여 문자열 합치기 var str = 'Java' + 'Script'; // 결과 : 'JavaScript' 문자열을 합칠 때는 "+" 연산자를 사용하면 된다. 문자열 변수를 할칠 때도 str1 + str2 + str3 이렇게 "+" 연산자를 사..
자바스크립트에서 문자열에 포함된 특정 문자의 개수를 구해야 하는 경우가 있다. 특정 문자를 구하는 직접적인 함수는 없으며 split 함수와 match 함수를 활용하여 특정 문자의 개수를 구할 수 있다. 아래의 예제는 문자열에서 특정 문자 쉼표(',')의 개수를 구하는 방법이다. split 함수 사용 var str = 'HTML,CSS,JavaScript'; var count = str.split(',').length - 1; // 결과 : 2 split 함수를 사용하여 문자열을 배열로 변환 후 배열의 크기에서 -1을 하면 특정 문자의 개수를 구할 수 있다. split 함수를 사용하면 특정 문자를 기준으로 문자열을 배열로 변환한다. 배열의 길이에서 -1 만큼이 특정 문자 개수이다. match 함수 사용 v..
자바스크립트에서 문자열을 특정 구분자로 분할하기 위해서는 split 함수를 사용하면 된다. split 함수를 사용하면 특정 구분자를 기준으로 문자열을 분리하여 결과를 배열로 반환한다. 구분자가 많지 않다면 substring 함수와 indexOf 함수를 활용하여 문자열을 특정 구분자로 자를 수도 있다. split 함수로 문자열 자르기 var str = 'HTML,CSS,JavaScript'; var words = str.split(','); // 결과 : ['HTML', 'CSS', 'JavaScript'] // words[0] : 'HTML' // words[1] : 'CSS' // words[2] : 'JavaScript' split("구분자 문자열") 위의 예제는 구분자 쉼표(',')를 기준으로 문자..
자바스크립트에서 문자열에서 문자 또는 문자열의 위치를 검색 위해서는 indexOf와 search 함수를 사용하고, 문자열의 뒤에서 부터 문자열을 검색할 때는 lastIndexOf 함수를 사용하면 된다. str.indexOf(searchValue[, fromIndex]) str.search(regexp) str.lastIndexOf(searchValue[, fromIndex]) 대부분 문자열을 찾을 때는 indexOf 함수를 많이 사용하며, 정규식을 사용해야 할 경우 search 함수를 사용하면 된다. 문자열을 찾으면 문자열의 첫 번째 위치를 반환하고 찾지 못하면 -1을 반환한다. indexOf 함수로 문자열 찾기 var str = 'HTML,CSS,JavaScript'; var pos1 = str.i..
자바스크립트에서 문자열의 마지막 문자를 제거하기 위해서는 다양한 방법이 있겠지만, 문자열 자르기 함수를 사용하는 방법과 replace() 함수를 사용하여 문자열의 마지막에 특정 문자가 존재할 경우 치환하여 제거하는 방법이다. 아래의 두 가지 방법을 기억해 두면 유용하게 사용할 수 있다. 문자열 자르기 함수를 사용하는 방법 replace() 함수의 정규식을 사용하는 방법 아래의 예제는 문자열의 마지막 쉼표(", ")를 제거하는 방법이다. 문자열 자르기 함수를 사용하여 마지막 문자 제거 var str = 'HTML,CSS,JavaScript,'; str = str.slice(0, -1); // 결과 : "HTML,CSS,JavaScript" var str = 'HTML,CSS,JavaScript,'; s..
자바스크립트에서 문자열을 자르기 위해서는 substr(), substring(), slice() 함수를 사용하면 된다. 문자열을 뒤에서부터 자르기 위해서는 slice() 함수를 사용하면 효율적이며 타 언어의 Right 함수와 비슷하다고 생각하면 된다. 세 가지의 함수 중 상황에 맞는 적절한 함수를 사용하면 된다. str.substr(start[, length]) str.substring(indexStart[, indexEnd]) str.slice(beginIndex[, endIndex]) 위 세 가지 함수의 인수 중 대괄호([]) 부분은 생략이 가능하며, 생략할 경우 시작 위치부터 문자열 끝까지 자른다. substr 함수로 문자열 자르는 방법 var str = '자바스크립트'; var result1 ..
자바스크립트에서 현재 날짜 및 시간을 구하기 위해서는 Date 객체를 사용하면 된다. Date 객체를 사용하여 현재의 날짜를 출력하면 YYYY-MM-DD와 같은 형식의 날짜 포맷으로 출력되지 않기 때문에, Date 객체에서 제공하는 추출 함수를 사용하여 날짜 포맷을 변환하는 작업이 추가적으로 필요하다. 현재 날짜, 시간 구하기 var today = new Date(); console.log(today); // 결과 : Sun May 30 2021 15:47:29 GMT+0900 (대한민국 표준시) // 결과 : Sun May 30 2021 15:47:29 GMT+0900 (대한민국 표준시) Date 객체를 사용하여 현재 시스템의 날짜를 가져와서 출력하면, 평상시에 사용하는 날짜 포맷(YYYY-MM-DD ..
자바스크립트의 2차원 배열이란? 자바스크립트는 진정한 2차원 배열은 없다 var arr = [][]; 이와 같은 한 번에 2차원 배열 선언이 불가능하다 약간의 트릭을 통하여 2차원 배열과 비슷한 배열을 만들 수 있다 아래의 예제 중 상황에 맞는 방법을 사용하면 된다 초기값을 할당하여 배열 생성 // arr[5][2] var arr = [['a','b'], ['c', 'd'], ['e', 'f'], ['g', 'h'], ['i', 'j']]; 반복문을 사용하여 빈 배열 생성 // arr[5][2] var arr = new Array(5); for (var i = 0; i < arr.length; i++) { arr[i] = new Array(2); } 2차원 배열 생성 함수를 만들어서 사용 function..
자바스크립트 배열 추가, 삭제 함수 배열 추가 : Array.push(), Array.unshift(), Array.splice() 배열 삭제 : Array.pop(), Array.shift(), Array.splice() 배열 요소를 추가하는 방법 var arr = ['a', 'b', 'c']; // arr = ['a', 'b', 'c', 'd'] arr.push('d'); // 배열의 끝에 요소를 추가 var arr = ['a', 'b', 'c']; // arr = ['d', 'a', 'b', 'c'] arr.unshift('d'); // 배열의 앞쪽에 요소를 추가 var arr = ['a', 'b', 'c']; // arr = ['a', 'b', 'd', 'c'] arr.splice(2, 0, 'd..
자바스크립트에서 배열을 만드는 방법 2가지 배열 리터럴 대괄호([ ])를 사용하여 만드는 방법 Array() 생성자 함수로 배열을 생성하는 방법 배열 리터럴 대괄호([ ])를 사용하여 만드는 방법 // 배열 생성 (빈 배열) var arr = []; arr[0] = 'zero'; arr[1] = 'one'; arr[2] = 'tow'; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); } // 배열 생성 (초기 값 할당) var arr = ['zero', 'one', 'tow']; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); } // 배열 생성 (배열 크기 지정) // 쉼표 개수만큼 크..