Web/JavaScript(55)
-
Web/JavaScript
2024.05.12
[JavaScript] 자바스크립트 문자열 치환하기 replace +(정규식, 여러개 치환)
자바스크립트에서 특정 문자열의 일부 텍스트를 치환할 때는 replace() 함수를 사용합니다. replace() 메서드는 문자열의 변경을 위해 자주 사용되는 함수로, 정규 표현식을 함께 사용하면 더욱 활용도가 높아집니다. 문자열 치환 replace 사용법 //사용법문자열.replace(기존 문자열, 바꿀 문자열)기존 문자열 : 대체할 문자열 또는 정규 표현식으로 문자열에서 이 값을 검색하여 찾습니다.바꿀 문자열 : 대체될 새로운 문자열로써 검색한 값을 해당 값으로 치환합니다. See the Pen replace1 by wjdxo513 (@wjdxo513) on CodePen. 위의 예제에서는 "그 영하 정말 재미있다 재미있다 재미있다" 문자열에 replace 함수를 사용하여 재미있다를 슬프다로 치환..
-
Web/JavaScript
2024.05.11
[JavaScript] 자바스크립트 문자열 쪼개기(split) - 구분자로 문자열 자르기
자바스크립트에서 split() 함수는 문자열을 특정 구분자로 쪼개어 배열로 반환해주는 함수입니다. 특정 문자열을 분리하여 처리해야 할 때, 문자열에서 공백을 제거할 때 등등 다방면에서 유용하게 사용할 수 있습니다. 이번 포스팅에서는 자바의 split 함수에 대해서 알아보도록 하겠습니다. 자바스크립트 split 함수 사용법 문자열.split(구분자, 최대 갯수)구분자 : 선택값으로 문자열을 나눌 때 사용할 구분자로. 이 구분자를 기준으로 문자열이 나누어집니다.최대 갯수 : 선택값으로 반환할 배열에 포함될 최대 요소의 개수를 지정합니다. 구분자로 문자열 쪼개서 배열로 반환하기See the Pen split by wjdxo513 (@wjdxo513) on CodePen.위의 예제는 문자열을 구분자(쉼표 ,..
-
Web/JavaScript
2024.05.10
1
[JavaScript] 자바스크립트 문자열 자르기(substring, substr, slice)
자바스크립트에서는 문자열을 자를 수 있는 여러 가지 방법들이 존재합니다. 대표적으로는 substring, substr, slice 3가지 방법이 존재하는데요. 각 함수의 사용법은 비슷하지만 기능적으로 다른 부분들이 존재합니다. 이번 포스팅에서 자세히 알아보도록 하겠습니다. substring을 사용하여 문자열 자르기 //사용법문자열.substring(시작 위치, 종료 위치)시작 위치 : 문자열에서 추출 할 시작 인덱스입니다.종료 위치 : 문자열에서 추출 할 종료 인덱스입니다. 이 인덱스값은 반환 문자열에 포함되지 않습니다.(선택 값)See the Pen Untitled by wjdxo513 (@wjdxo513) on CodePen. substirng은 시작점과 끝점을 인자값으로 받아서 문자열을 자르는..
-
Web/JavaScript
2024.05.09
[JavaScript] 자바스크립트 문자열 특정 문자 위치 찾기(indexOf, search)
자바스크립트에서 특정 문자열에 특정문자의 위치(index)를 찾기 위해서는 indexOf나 seach 함수를 사용하면 되고 추가로 문자열 뒤에서부터 위치를 서칭 하는 lastindexOf라는 함수를 사용하는 방법이 있습니다. 이번 포스팅에서 알아보도록 하겠습니다. 자바스크립트 문자열 특정 문자 위치 찾기 indexOf 함수 사용하기//사용법문자열.indexOf(찾는 문자열, 시작 위치, 종료 위치)찾는 문자열 : 찾을 문자열이나 문자입니다. (필수 값)시작 위치 : 검색을 시작할 인덱스입니다. 기본값은 0입니다. (선택 값)종료 위치 : 검색을 종료할 인덱스입니다. 기본값은 문자열의 길이입니다. (선택 값)See the Pen indexOf by wjdxo513 (@wjdxo513) on CodePe..
-
Web/JavaScript
2024.05.08
[JavaScript] 자바스크립트 문자열 길이(length) 구하는 방법
자바스크립트에서 문자열의 길이를 구할 때는 문자열의 length 속성을 활용하면 됩니다. 이번 포스팅에서 그 방법에 대해 알아보도록 하겠습니다. 자바스크립트 문자열 길이 구하기 length //사용법문자열.lengthSee the Pen Untitled by wjdxo513 (@wjdxo513) on CodePen. 자바스크립트 문자열의 length 속성을 사용하면 문자열에 속해있는 문자의 개수를 return 합니다. 위의 예제에서 str.length는 "Hello" 문자열에 포함된 문자의 수인 5개를 리턴하는 것을 보실 수 있습니다. 자바스크립트는 공백도 문자로 인식합니다. 그래서 "W o r l d" 문자열 길이는 문자 5개 + 공백 4개로 인해 총 9가 됩니다. 유니코드가 포함된 문자열의 길이..
-
Web/JavaScript
2024.02.23
1
[JavaScript] 자바스크립트 for of문 사용법 & 예제 정리
자바스크립트 for문의 종류 for문 : 일반적인 for문으로 블록 안의 코드를 조건에 따라 반복합니다. forEach문 : 배열에 대해 사용되는 for문으로, 각 배열 요소에 대해 주어진 함수를 실행합니다. for...in문 :객체에 대해 사용되는 for문으로, 객체의 열거 가능한 속성을 반복할 때 사용됩니다. for...of문 :배열, 문자열, 맵(Map), 셋(Set) 등의 iterable 객체를 순회할 때 사용되는 for문입니다. 자바스크립트는 경우에따라 forEach, for in, for of와 같은 다양한 종류의 for문이 사용될 수 있는데요. 이번 포스팅에서는 for...of문에 대해 알아보도록 하겠습니다. for...of 문은 ECMAScript 2015(ES6)에서 도입된 반복문으로, ..
-
Web/JavaScript
2024.02.21
2
[JavaScript] 자바스크립트 for in문 사용법 & 예제 정리
자바스크립트 for문의 종류 for문 : 일반적인 for문으로 블록 안의 코드를 조건에 따라 반복합니다. forEach문 : 배열에 대해 사용되는 for문으로, 각 배열 요소에 대해 주어진 함수를 실행합니다. for...in문 :객체에 대해 사용되는 for문으로, 객체의 열거 가능한 속성을 반복할 때 사용됩니다. for...of문 :배열, 문자열, 맵(Map), 셋(Set) 등의 iterable 객체를 순회할 때 사용되는 for문입니다. 자바스크립트에서는 경우에 따라 forEach, for in, for of와 같은 다양한 종류의 for문이 사용될 수 있습니다. 이번 포스팅에서는 for...in문에 대해 알아보도록 하겠습니다. for...in 문은 자바스크립트에서 객체의 열거 가능한 속성을 반복하는 데 ..
-
Web/JavaScript
2024.02.20
4
[JavaScript] 자바스크립트 forEach문 사용법 & 예제 정리
자바스크립트 for문의 종류 for문 : 일반적인 for문으로 블록 안의 코드를 조건에 따라 반복합니다. forEach문 : 배열에 대해 사용되는 for문으로, 각 배열 요소에 대해 주어진 함수를 실행합니다. for...in문 : 객체에 대해 사용되는 for문으로, 객체의 열거 가능한 속성을 반복할 때 사용됩니다. for...of문 : 배열, 문자열, 맵(Map), 셋(Set) 등의 iterable 객체를 순회할 때 사용되는 for문입니다. 자바스크립트에서는 forEach, for in, for of와 같은 다양한 종류의 for문이 사용될 수 있습니다. 이번 포스팅에서는 forEach에 대해 알아보도록 하겠습니다. forEach는 배열의 각 요소에 대해 주어진 함수를 실행하는 배열 메서드로 이 메서드를 ..
-
Web/JavaScript
2024.02.19
2
[JavaScript] 자바스크립트 for문 사용법 & 예제 정리
for 문은 자바스크립트에서 가장 많이 사용되는 반복문으로 초기화, 조건식, 증감식으로 구성되어 있고 조건식을 만족할 때까지 블록의 코드를 반복하여 실행합니다. 다른 반복문보다 가독성도 좋고, 사용하기도 편해서 사용빈도가 높아 반복문중에서는 가장 중요하다고 할 수 있겠습니다. 아래에서 for 문에 대해 자세히 알아보겠습니다. for문 사용법 for (초기화; 조건식; 증감식) { // 반복 실행될 코드 블록 } 위의 예제는 for문의 기본형입니다. 초기화: 반복문이 시작될 때 한 번만 실행되며, 변수를 초기화하는 부분입니다. 조건식: 각 반복마다 평가되어 참인 동안에 계속해서 반복됩니다. 조건식이 거짓이 되면 반복문이 종료됩니다. 증감식: 각 반복이 끝난 후에 실행되며, 변수를 증가 또는 감소시키는 부분..
-
Web/JavaScript
2024.02.18
2
[JavaScript] 자바스크립트 do-while문 사용법 & 예제 정리
do-while 문은 코드 블록을 한 번 실행한 후에 조건을 만족하면 코드 블록을 재 실행하는 반복문입니다. 따라서 do-while 문은 최소한 한 번은 코드 블록은 무조건 실행하고 조건에 따라서 반복 수행할지 여부를 결정합니다. 이번 포스팅에서는 자바스크립트의 do-while 문에 대해 알아보겠습니다. ※ while문이 궁금하시다면 아래 글을 참고해 주세요. [JavaScript] 자바스크립트 while문 사용법 & 예제 정리 do-while 문 사용법 do { // 실행될 코드 블록 } while (조건); 위의 예제는 do-while 문의 기본형입니다. 여기서 조건은 불리언(boolean) 값으로 표현될 수 있는 식을 말하며 먼저 블록을 실행한 뒤 마지막에 조건이 true라면 중괄호 { } 안의 코..
-
Web/JavaScript 2024.05.12[JavaScript] 자바스크립트 문자열 치환하기 replace +(정규식, 여러개 치환) 자바스크립트에서 특정 문자열의 일부 텍스트를 치환할 때는 replace() 함수를 사용합니다. replace() 메서드는 문자열의 변경을 위해 자주 사용되는 함수로, 정규 표현식을 함께 사용하면 더욱 활용도가 높아집니다. 문자열 치환 replace 사용법 //사용법문자열.replace(기존 문자열, 바꿀 문자열)기존 문자열 : 대체할 문자열 또는 정규 표현식으로 문자열에서 이 값을 검색하여 찾습니다.바꿀 문자열 : 대체될 새로운 문자열로써 검색한 값을 해당 값으로 치환합니다. See the Pen replace1 by wjdxo513 (@wjdxo513) on CodePen. 위의 예제에서는 "그 영하 정말 재미있다 재미있다 재미있다" 문자열에 replace 함수를 사용하여 재미있다를 슬프다로 치환..
-
Web/JavaScript 2024.05.11[JavaScript] 자바스크립트 문자열 쪼개기(split) - 구분자로 문자열 자르기 자바스크립트에서 split() 함수는 문자열을 특정 구분자로 쪼개어 배열로 반환해주는 함수입니다. 특정 문자열을 분리하여 처리해야 할 때, 문자열에서 공백을 제거할 때 등등 다방면에서 유용하게 사용할 수 있습니다. 이번 포스팅에서는 자바의 split 함수에 대해서 알아보도록 하겠습니다. 자바스크립트 split 함수 사용법 문자열.split(구분자, 최대 갯수)구분자 : 선택값으로 문자열을 나눌 때 사용할 구분자로. 이 구분자를 기준으로 문자열이 나누어집니다.최대 갯수 : 선택값으로 반환할 배열에 포함될 최대 요소의 개수를 지정합니다. 구분자로 문자열 쪼개서 배열로 반환하기See the Pen split by wjdxo513 (@wjdxo513) on CodePen.위의 예제는 문자열을 구분자(쉼표 ,..
-
Web/JavaScript 2024.05.10 1[JavaScript] 자바스크립트 문자열 자르기(substring, substr, slice) 자바스크립트에서는 문자열을 자를 수 있는 여러 가지 방법들이 존재합니다. 대표적으로는 substring, substr, slice 3가지 방법이 존재하는데요. 각 함수의 사용법은 비슷하지만 기능적으로 다른 부분들이 존재합니다. 이번 포스팅에서 자세히 알아보도록 하겠습니다. substring을 사용하여 문자열 자르기 //사용법문자열.substring(시작 위치, 종료 위치)시작 위치 : 문자열에서 추출 할 시작 인덱스입니다.종료 위치 : 문자열에서 추출 할 종료 인덱스입니다. 이 인덱스값은 반환 문자열에 포함되지 않습니다.(선택 값)See the Pen Untitled by wjdxo513 (@wjdxo513) on CodePen. substirng은 시작점과 끝점을 인자값으로 받아서 문자열을 자르는..
-
Web/JavaScript 2024.05.09[JavaScript] 자바스크립트 문자열 특정 문자 위치 찾기(indexOf, search) 자바스크립트에서 특정 문자열에 특정문자의 위치(index)를 찾기 위해서는 indexOf나 seach 함수를 사용하면 되고 추가로 문자열 뒤에서부터 위치를 서칭 하는 lastindexOf라는 함수를 사용하는 방법이 있습니다. 이번 포스팅에서 알아보도록 하겠습니다. 자바스크립트 문자열 특정 문자 위치 찾기 indexOf 함수 사용하기//사용법문자열.indexOf(찾는 문자열, 시작 위치, 종료 위치)찾는 문자열 : 찾을 문자열이나 문자입니다. (필수 값)시작 위치 : 검색을 시작할 인덱스입니다. 기본값은 0입니다. (선택 값)종료 위치 : 검색을 종료할 인덱스입니다. 기본값은 문자열의 길이입니다. (선택 값)See the Pen indexOf by wjdxo513 (@wjdxo513) on CodePe..
-
Web/JavaScript 2024.05.08[JavaScript] 자바스크립트 문자열 길이(length) 구하는 방법 자바스크립트에서 문자열의 길이를 구할 때는 문자열의 length 속성을 활용하면 됩니다. 이번 포스팅에서 그 방법에 대해 알아보도록 하겠습니다. 자바스크립트 문자열 길이 구하기 length //사용법문자열.lengthSee the Pen Untitled by wjdxo513 (@wjdxo513) on CodePen. 자바스크립트 문자열의 length 속성을 사용하면 문자열에 속해있는 문자의 개수를 return 합니다. 위의 예제에서 str.length는 "Hello" 문자열에 포함된 문자의 수인 5개를 리턴하는 것을 보실 수 있습니다. 자바스크립트는 공백도 문자로 인식합니다. 그래서 "W o r l d" 문자열 길이는 문자 5개 + 공백 4개로 인해 총 9가 됩니다. 유니코드가 포함된 문자열의 길이..
-
Web/JavaScript 2024.02.23 1[JavaScript] 자바스크립트 for of문 사용법 & 예제 정리 자바스크립트 for문의 종류 for문 : 일반적인 for문으로 블록 안의 코드를 조건에 따라 반복합니다. forEach문 : 배열에 대해 사용되는 for문으로, 각 배열 요소에 대해 주어진 함수를 실행합니다. for...in문 :객체에 대해 사용되는 for문으로, 객체의 열거 가능한 속성을 반복할 때 사용됩니다. for...of문 :배열, 문자열, 맵(Map), 셋(Set) 등의 iterable 객체를 순회할 때 사용되는 for문입니다. 자바스크립트는 경우에따라 forEach, for in, for of와 같은 다양한 종류의 for문이 사용될 수 있는데요. 이번 포스팅에서는 for...of문에 대해 알아보도록 하겠습니다. for...of 문은 ECMAScript 2015(ES6)에서 도입된 반복문으로, ..
-
Web/JavaScript 2024.02.21 2[JavaScript] 자바스크립트 for in문 사용법 & 예제 정리 자바스크립트 for문의 종류 for문 : 일반적인 for문으로 블록 안의 코드를 조건에 따라 반복합니다. forEach문 : 배열에 대해 사용되는 for문으로, 각 배열 요소에 대해 주어진 함수를 실행합니다. for...in문 :객체에 대해 사용되는 for문으로, 객체의 열거 가능한 속성을 반복할 때 사용됩니다. for...of문 :배열, 문자열, 맵(Map), 셋(Set) 등의 iterable 객체를 순회할 때 사용되는 for문입니다. 자바스크립트에서는 경우에 따라 forEach, for in, for of와 같은 다양한 종류의 for문이 사용될 수 있습니다. 이번 포스팅에서는 for...in문에 대해 알아보도록 하겠습니다. for...in 문은 자바스크립트에서 객체의 열거 가능한 속성을 반복하는 데 ..
-
Web/JavaScript 2024.02.20 4[JavaScript] 자바스크립트 forEach문 사용법 & 예제 정리 자바스크립트 for문의 종류 for문 : 일반적인 for문으로 블록 안의 코드를 조건에 따라 반복합니다. forEach문 : 배열에 대해 사용되는 for문으로, 각 배열 요소에 대해 주어진 함수를 실행합니다. for...in문 : 객체에 대해 사용되는 for문으로, 객체의 열거 가능한 속성을 반복할 때 사용됩니다. for...of문 : 배열, 문자열, 맵(Map), 셋(Set) 등의 iterable 객체를 순회할 때 사용되는 for문입니다. 자바스크립트에서는 forEach, for in, for of와 같은 다양한 종류의 for문이 사용될 수 있습니다. 이번 포스팅에서는 forEach에 대해 알아보도록 하겠습니다. forEach는 배열의 각 요소에 대해 주어진 함수를 실행하는 배열 메서드로 이 메서드를 ..
-
Web/JavaScript 2024.02.19 2[JavaScript] 자바스크립트 for문 사용법 & 예제 정리 for 문은 자바스크립트에서 가장 많이 사용되는 반복문으로 초기화, 조건식, 증감식으로 구성되어 있고 조건식을 만족할 때까지 블록의 코드를 반복하여 실행합니다. 다른 반복문보다 가독성도 좋고, 사용하기도 편해서 사용빈도가 높아 반복문중에서는 가장 중요하다고 할 수 있겠습니다. 아래에서 for 문에 대해 자세히 알아보겠습니다. for문 사용법 for (초기화; 조건식; 증감식) { // 반복 실행될 코드 블록 } 위의 예제는 for문의 기본형입니다. 초기화: 반복문이 시작될 때 한 번만 실행되며, 변수를 초기화하는 부분입니다. 조건식: 각 반복마다 평가되어 참인 동안에 계속해서 반복됩니다. 조건식이 거짓이 되면 반복문이 종료됩니다. 증감식: 각 반복이 끝난 후에 실행되며, 변수를 증가 또는 감소시키는 부분..
-
Web/JavaScript 2024.02.18 2[JavaScript] 자바스크립트 do-while문 사용법 & 예제 정리 do-while 문은 코드 블록을 한 번 실행한 후에 조건을 만족하면 코드 블록을 재 실행하는 반복문입니다. 따라서 do-while 문은 최소한 한 번은 코드 블록은 무조건 실행하고 조건에 따라서 반복 수행할지 여부를 결정합니다. 이번 포스팅에서는 자바스크립트의 do-while 문에 대해 알아보겠습니다. ※ while문이 궁금하시다면 아래 글을 참고해 주세요. [JavaScript] 자바스크립트 while문 사용법 & 예제 정리 do-while 문 사용법 do { // 실행될 코드 블록 } while (조건); 위의 예제는 do-while 문의 기본형입니다. 여기서 조건은 불리언(boolean) 값으로 표현될 수 있는 식을 말하며 먼저 블록을 실행한 뒤 마지막에 조건이 true라면 중괄호 { } 안의 코..