자바스크립트에서 특정 문자열에 특정문자의 위치(index)를 찾기 위해서는 indexOf나 seach 함수를 사용하면 되고 추가로 문자열 뒤에서부터 위치를 서칭 하는 lastindexOf라는 함수를 사용하는 방법이 있습니다. 이번 포스팅에서 알아보도록 하겠습니다. 자바스크립트 문자열 특정 문자 위치 찾기 indexOf 함수 사용하기//사용법문자열.indexOf(찾는 문자열, 시작 위치, 종료 위치)See the Pen indexOf by wjdxo513 (@wjdxo513) on CodePen. indexOf 함수는 문자열 안에 내가 찾고 싶은 문자열이 있는지 확인해 주는 함수입니다. 찾는 문자열이 없으면 -1을 리턴하고, 찾고 싶은 문자열이 있으면 가장 먼저 발견된 index의 위치를 리턴해 줍니다..
자바스크립트에서 문자열의 길이를 구할 때는 문자열의 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가 됩니다. 유니코드가 포함된 문자열의 길이..
자바스크립트 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)에서 도입된 반복문으로, ..
자바스크립트 for문의 종류 for문 : 일반적인 for문으로 블록 안의 코드를 조건에 따라 반복합니다. forEach문 : 배열에 대해 사용되는 for문으로, 각 배열 요소에 대해 주어진 함수를 실행합니다. for...in문 :객체에 대해 사용되는 for문으로, 객체의 열거 가능한 속성을 반복할 때 사용됩니다. for...of문 :배열, 문자열, 맵(Map), 셋(Set) 등의 iterable 객체를 순회할 때 사용되는 for문입니다. 자바스크립트에서는 경우에 따라 forEach, for in, for of와 같은 다양한 종류의 for문이 사용될 수 있습니다. 이번 포스팅에서는 for...in문에 대해 알아보도록 하겠습니다. for...in 문은 자바스크립트에서 객체의 열거 가능한 속성을 반복하는 데 ..
자바스크립트 for문의 종류 for문 : 일반적인 for문으로 블록 안의 코드를 조건에 따라 반복합니다. forEach문 : 배열에 대해 사용되는 for문으로, 각 배열 요소에 대해 주어진 함수를 실행합니다. for...in문 : 객체에 대해 사용되는 for문으로, 객체의 열거 가능한 속성을 반복할 때 사용됩니다. for...of문 : 배열, 문자열, 맵(Map), 셋(Set) 등의 iterable 객체를 순회할 때 사용되는 for문입니다. 자바스크립트에서는 forEach, for in, for of와 같은 다양한 종류의 for문이 사용될 수 있습니다. 이번 포스팅에서는 forEach에 대해 알아보도록 하겠습니다. forEach는 배열의 각 요소에 대해 주어진 함수를 실행하는 배열 메서드로 이 메서드를 ..
for 문은 자바스크립트에서 가장 많이 사용되는 반복문으로 초기화, 조건식, 증감식으로 구성되어 있고 조건식을 만족할 때까지 블록의 코드를 반복하여 실행합니다. 다른 반복문보다 가독성도 좋고, 사용하기도 편해서 사용빈도가 높아 반복문중에서는 가장 중요하다고 할 수 있겠습니다. 아래에서 for 문에 대해 자세히 알아보겠습니다. for문 사용법 for (초기화; 조건식; 증감식) { // 반복 실행될 코드 블록 } 위의 예제는 for문의 기본형입니다. 초기화: 반복문이 시작될 때 한 번만 실행되며, 변수를 초기화하는 부분입니다. 조건식: 각 반복마다 평가되어 참인 동안에 계속해서 반복됩니다. 조건식이 거짓이 되면 반복문이 종료됩니다. 증감식: 각 반복이 끝난 후에 실행되며, 변수를 증가 또는 감소시키는 부분..
do-while 문은 코드 블록을 한 번 실행한 후에 조건을 만족하면 코드 블록을 재 실행하는 반복문입니다. 따라서 do-while 문은 최소한 한 번은 코드 블록은 무조건 실행하고 조건에 따라서 반복 수행할지 여부를 결정합니다. 이번 포스팅에서는 자바스크립트의 do-while 문에 대해 알아보겠습니다. ※ while문이 궁금하시다면 아래 글을 참고해 주세요. [JavaScript] 자바스크립트 while문 사용법 & 예제 정리 do-while 문 사용법 do { // 실행될 코드 블록 } while (조건); 위의 예제는 do-while 문의 기본형입니다. 여기서 조건은 불리언(boolean) 값으로 표현될 수 있는 식을 말하며 먼저 블록을 실행한 뒤 마지막에 조건이 true라면 중괄호 { } 안의 코..
반복문을 이용하면 코드를 원하는 횟수만큼 반복하여 실행할 수 있습니다. 반복문에는 while, do-while, for문 이렇게 3가지가 있는데요. 이번 포스팅에서는 그중에서 while문에 대해서 알아보려 합니다. while 문은 조건이 참인 동안 특정 코드 블록을 반복적으로 실행하는데 주로 특정 조건이 충족될 때까지 반복해야 할 경우에 사용됩니다. while문 사용법 while (조건) { // 조건이 참일 때 실행될 코드 블록 } 위의 예제는 while문의 기본형입니다. 여기서 조건은 불리언(boolean) 값으로 표현될 수 있는 식을 말하며 해당 조건이 true인 동안, 중괄호 { } 안의 코드 블록이 반복해서 실행됩니다. while의 실행 순서 조건식을 검사합니다. 만족하면 중괄호 { } 안의 코..
여러 개의 조건을 처리할 때 if-else문을 사용할 수도 있지만 switch문을 사용할 수도 있습니다. 스위치 문(Switch statement)은 특정 변수나 표현식의 값을 기반으로 다양한 경우(case) 중 하나를 선택하여 실행하는 조건문의 하나로써 하나의 코드만 실행한다는 뜻으로 선택문이라고도 말하기도 합니다. switch문의 장점 2가지 가독성: switch문은 여러 개의 case로 분기되어 있어서 else-if보다 가독성이 좋습니다. 특히, 비교하려는 값이 많고 조건에 만족하였을 때 실행하는 코드가 적을 때 switch문을 사용하면 코드를 깔끔하게 유지할 수 있습니다. 동등 비교 강제 : switch문에서는 기본적으로 값과 case문의 값이 '===`로 비교됩니다. 이는 자료형과 값이 모두 같..
조건문이란? 조건문은 조건식의 값이 참(true)인지, 거짓(false)에 따라 자바스크립트 코드를 제어하는 문법으로 조건문 if문의 경우에는 if문, else if문, else문 3가지 키워드를 사용하여 조건문은 특정 조건이 참이면 특정 코드 블록을 실행하고, 거짓이면 다른 코드 블록을 실행합니다. 특정 조건이 충족되었을 때만 특정 코드 블록을 실행하기 때문에 프로그램의 흐름을 효과적으로 제어할 수 있고, 프로그래밍적 유연성이 향상시킬 수 있습니다. if문 사용법 if (조건) { // 조건이 참일 경우 실행되는 코드 블록 } else { // 조건이 거짓일 경우 실행되는 코드 블록 } if문은 조건식을 만족(true)일때만 코드를 실행하고 조건을 만족하지 않다면 else문이 실행됩니다. 여기서 els..
자바스크립트에서 제곱근을 계산하는 다양한 방법이 존재합니다. 대표적으로 두 가지 방법이 존재하는데요. 이번 포스팅에서 한번 소개해보고자 합니다. 자바스크립트에서 거듭 구하는 방법 ** 연산자 사용 let x = 25; let y = 0.5; console.log(x ** y); // 출력: 5 ES6 이후부터는 지수 연산자 **를 사용하여 간단하게 제곱근을 계산할 수 있습니다. 제곱근은 지수 연산자를 사용하여 0.5승으로 계산하시면 됩니다. Math.sqrt() 메서드 사용 let x = 25; console.log(Math.sqrt(x)); // 출력: 5 고전적인 방법으로 Math의 sqrt 메서드를 사용하는 방법이 있겠습니다. 아직까지 ES6(ECMAScript 2015)를 지원하지 않는 브라우저도..
자바스크립트에서 거듭제곱을 계산하는 다양한 방법이 있습니다. 대표적으로 두 가지 방법이 있는데요. 이번 포스팅에서 소개해보고자 합니다. 자바스크립트에서 거듭 제곱 구하는 방법 ** 연산자 사용 let x = 2; let y = 3; console.log(x ** y); // 출력: 8 ES6 이후부터는 지수 연산자 **를 사용하여 간단하게 거듭제곱을 계산할 수 있습니다. 위의 예제처럼 하면 2의 3승으로 8이 출력됩니다. Math.pow() 메서드 사용 let x = 2; let y = 3; console.log(Math.pow(x, y)); // 출력: 8 고전적인 방법으로 Math의 pow 메서드를 사용하는 방법도 있습니다. 아직까지 ES6(ECMAScript 2015)를 지원하지 않는 브라우저도 여..
let x = 0.1 + 0.2; console.log(x); 위의 자바스크립트 코드를 실행시키면 어떤 결과가 나올까요? 상식적으로는 0.3이 나와야 정상이겠습니다만 실제로는 위와 같이 0.30000000000000004라는 결과값이 나옵니다. 바로 자바스크립트의 Number Type이 64비트의 부동 소수점으로 데이터를 저장하기 때문에 부동소수점 문제가 발생한 것입니다. 이번 포스팅에서는 자바스크립트에서 부동 소수점 문제가 발생하는 원인이 무엇이고, 이 문제를 어떻게 해결할 수 있을지에 대해 알아보도록 하겠습니다. ※ 참고로 자바스크립트만 이 부동소수점에 대한 이슈는 자바스크립트에서만 발생하는 특이한 이슈가 아닌 부동소수점을 차용하고 있는 모든 프로그래밍 언어에서 이러한 문제가 발생합니다. 부동 소수점..
