K코딩

JavaScript  문자열의 내용 변경, 검색, 분할, 조합 등의 작업을 수행하는 데 유용한 메서드 모음

즐코하세요~

문자열 검색 및 탐색 메서드

indexOf(검색어, 시작 위치): 문자열에서 특정 문자열을 찾아서 처음 등장하는 위치(인덱스)를 반환합니다. 찾지 못하면 -1을 반환합니다.

let str = "Hello, world!";
console.log(str.indexOf("world")); // 출력: 7
console.log(str.indexOf("world", 8)); // 출력: -1 (8번째 인덱스 이후에 "world"가 없음)

lastIndexOf(검색어, 시작 위치): 문자열에서 특정 문자열을 찾아서 마지막으로 등장하는 위치를 반환합니다. 찾지 못하면 -1을 반환합니다.

let str = "Hello, world! Hello again!";
console.log(str.lastIndexOf("Hello")); // 출력: 13

includes(검색어, 시작 위치): 문자열에 특정 문자열이 포함되어 있는지를 true 또는 false로 반환합니다.

let str = "Hello, world!";
console.log(str.includes("world")); // 출력: true

startsWith(검색어, 시작 위치): 문자열이 특정 문자열로 시작하는지를 true 또는 false로 반환합니다.

let str = "Hello, world!";
console.log(str.startsWith("Hello")); // 출력: true

endsWith(검색어, 길이): 문자열이 특정 문자열로 끝나는지를 true 또는 false로 반환합니다.

let str = "Hello, world!";
console.log(str.endsWith("world!")); // 출력: true

문자열 변형 메서드

toUpperCase(): 문자열을 모두 대문자로 변환합니다.

let str = "Hello, world!";
console.log(str.toUpperCase()); // 출력: "HELLO, WORLD!"

toLowerCase(): 문자열을 모두 소문자로 변환합니다.

let str = "Hello, world!";
console.log(str.toLowerCase()); // 출력: "hello, world!"

trim(): 문자열의 앞뒤 공백을 제거합니다.

let str = "   Hello, world!   ";
console.log(str.trim()); // 출력: "Hello, world!"

trimStart(): 문자열의 앞쪽 공백을 제거합니다.

let str = "   Hello, world!";
console.log(str.trimStart()); // 출력: "Hello, world!"

trimEnd(): 문자열의 뒤쪽 공백을 제거합니다.

let str = "Hello, world!   ";
console.log(str.trimEnd()); // 출력: "Hello, world!"

repeat(횟수): 문자열을 주어진 횟수만큼 반복하여 결합한 새 문자열을 반환합니다.

let str = "Hello!";
console.log(str.repeat(3)); // 출력: "Hello!Hello!Hello!"

replace(검색어 또는 정규식, 대체 문자열): 문자열에서 특정 부분을 다른 문자열로 대체합니다.

let str = "Hello, world!";
console.log(str.replace("world", "JavaScript")); // 출력: "Hello, JavaScript!"

문자열 분할 메서드

split(구분자, 제한): 문자열을 구분자를 기준으로 나누어 배열로 반환합니다

let str = "apple, banana, cherry";
let arr = str.split(", ");
console.log(arr); // 출력: ["apple", "banana", "cherry"]

문자열 결합 메서드

concat(문자열1, 문자열2, ...): 두 개 이상의 문자열을 하나로 결합합니다. 여러 문자열을 합칠 때 사용됩니다.

let str1 = "Hello";
let str2 = "world";
let result = str1.concat(", ", str2, "!");
console.log(result); // 출력: "Hello, world!"

문자열 추출 메서드

slice(시작 인덱스, 끝 인덱스): 문자열의 일부를 추출하여 새 문자열을 반환합니다. 끝 인덱스는 포함되지 않습니다.

let str = "Hello, world!";
console.log(str.slice(7, 12)); // 출력: "world"

substring(시작 인덱스, 끝 인덱스): slice()와 유사하게 동작하며, 음수 인덱스를 허용하지 않습니다.

let str = "Hello, world!";
console.log(str.substring(7, 12)); // 출력: "world"

substr(시작 인덱스, 길이): 지정된 위치에서 시작해 특정 길이만큼의 문자열을 반환합니다. (이 메서드는 더 이상 권장되지 않음)

let str = "Hello, world!";
console.log(str.substr(7, 5)); // 출력: "world"

문자열의 길이 메서드

length: 문자열의 길이를 반환합니다

let str = "Hello, world!";
console.log(str.length); // 출력: 13

문자열 비교 메서드

localeCompare(다른 문자열): 문자열을 비교하여 정렬 순서를 결정합니다. 이 메서드는 문자열 간의 비교 결과를 -1, 0, 1로 반환하여 사전식 정렬 등에 사용됩니다.

let str1 = "apple";
let str2 = "banana";
console.log(str1.localeCompare(str2)); // 출력: -1 (str1이 str2보다 앞에 위치)

문자 인덱스로 접근

charAt(인덱스): 주어진 인덱스에 위치한 문자를 반환합니다.

let str = "Hello";
console.log(str.charAt(1)); // 출력: "e"

charCodeAt(인덱스): 주어진 인덱스에 위치한 문자의 UTF-16 코드를 반환합니다.

let str = "Hello";
console.log(str.charCodeAt(1)); // 출력: 101 ("e"의 UTF-16 코드)

정규 표현식 사용 메서드

match(정규식): 문자열이 정규식과 매칭되는 부분을 배열로 반환합니다.

let str = "Hello, world!";
console.log(str.match(/o/g)); // 출력: ["o", "o"] (모든 "o"를 배열로 반환)

search(정규식): 문자열이 정규식과 매칭되는 첫 번째 위치를 반환합니다.

let str = "Hello, world!";
console.log(str.search(/world/)); // 출력: 7 ("world"가 시작되는 위치)

replace(정규식, 대체 문자열): 정규식에 매칭되는 부분을 대체 문자열로 바꿉니다.

let str = "Hello, world!";
console.log(str.replace(/world/, "JavaScript")); // 출력: "Hello, JavaScript!"

split(정규식): 정규식을 사용해 문자열을 나누고, 결과를 배열로 반환합니다.

let str = "one, two, three";
let arr = str.split(/\s*,\s*/); // 쉼표와 공백을 기준으로 나눔
console.log(arr); // 출력: ["one", "two", "three"]

이상입니다. 북마크 해놓으셨다가 필요할 때

적당한거 있는지 둘러볼때 좋습니다~

오타나 틀린내용 있을시 댓글 부탁드리고 배열,숫자 메서드 링크도 남겨드리겠습니다~

▼ 배열 메서드 모음 ▼

▼ 숫자열 메서드 모음 ▼

필수 #자바스크립트 숫자 메서드<< 총정리 입니다.

즐코하세요~★

숫자 변환 메서드

toString(기수): 숫자를 문자열로 변환합니다. 선택적으로 기수를 인자로 받아서 해당 기수로 변환된 문자열을 반환합니다.

let num = 123;
console.log(num.toString()); // 출력: "123"
console.log(num.toString(2)); // 출력: "1111011" (2진수)

toFixed(소수점 자리 수): 숫자를 고정 소수점 표기법으로 표현하며, 소수점 이하의 자릿수를 지정할 수 있습니다.

let num = 12.34567;
console.log(num.toFixed(2)); // 출력: "12.35"

toExponential(유효 숫자 자릿수): 숫자를 지수 표기법으로 표현하며, 유효 숫자의 자릿수를 지정할 수 있습니다.

let num = 123456;
console.log(num.toExponential(2)); // 출력: "1.23e+5"

toPrecision(유효 자릿수): 숫자를 지정한 유효 자릿수로 표현하며, 고정 소수점 표기법 또는 지수 표기법을 사용합니다.

let num = 123.456;
console.log(num.toPrecision(4)); // 출력: "123.5"
console.log(num.toPrecision(6)); // 출력: "123.456"

숫자 확인 및 비교 메서드

isNaN(값): 값이 NaN(숫자가 아님)인지 확인합니다. NaN일 경우 true를 반환하고, 그렇지 않으면 false를 반환합니다.

console.log(Number.isNaN(123)); // 출력: false
console.log(Number.isNaN(NaN)); // 출력: true

isFinite(값): 값이 유한한 숫자인지 확인합니다. 무한대(Infinity 또는 -Infinity)가 아니고, NaN도 아닌 경우 true를 반환합니다.

console.log(Number.isFinite(123)); // 출력: true
console.log(Number.isFinite(Infinity)); // 출력: false

isInteger(값): 값이 정수인지 확인합니다.

console.log(Number.isInteger(123)); // 출력: true
console.log(Number.isInteger(123.45)); // 출력: false

isSafeInteger(값): 값이 안전한 정수인지 확인합니다. 안전한 정수란 JavaScript에서 표현 가능한 최대 정수 범위 내에 있는 정수입니다.

console.log(Number.isSafeInteger(9007199254740991)); // 출력: true
console.log(Number.isSafeInteger(9007199254740992)); // 출력: false

수학적 연산 메서드

Math.abs(값): 값의 절대값을 반환합니다.

console.log(Math.abs(-123)); // 출력: 123

Math.ceil(값): 값을 올림하여 가장 가까운 정수를 반환합니다.

console.log(Math.ceil(4.2)); // 출력: 5

Math.floor(값): 값을 내림하여 가장 가까운 정수를 반환합니다.

console.log(Math.floor(4.9)); // 출력: 4

Math.round(값): 값을 반올림하여 가장 가까운 정수를 반환합니다.

console.log(Math.round(4.5)); // 출력: 5

Math.max(값1, 값2, ...): 주어진 숫자들 중에서 가장 큰 값을 반환합니다.

console.log(Math.max(10, 20, 30)); // 출력: 30

Math.min(값1, 값2, ...): 주어진 숫자들 중에서 가장 작은 값을 반환합니다.

console.log(Math.min(10, 20, 30)); // 출력: 10

Math.pow(밑, 지수): 밑의 값을 지수만큼 거듭제곱한 결과를 반환합니다.

console.log(Math.pow(2, 3)); // 출력: 8

Math.sqrt(값): 값의 제곱근을 반환합니다.

console.log(Math.sqrt(16)); // 출력: 4

Math.random(): 0 이상 1 미만의 난수를 반환합니다.

console.log(Math.random()); // 출력: 0과 1 사이의 난수

Math.trunc(값): 소수점 이하를 제거하고 정수 부분만 반환합니다.

console.log(Math.trunc(4.9)); // 출력: 4

형 변환 메서드

Number(값): 값을 숫자로 변환합니다. 문자열, 불리언 등 다양한 값을 숫자로 변환할 수 있습니다.

console.log(Number("123")); // 출력: 123
console.log(Number(true)); // 출력: 1

parseInt(문자열, 기수): 문자열을 파싱하여 정수로 반환합니다. 선택적으로 기수를 인자로 받아서 해당 기수로 파싱할 수 있습니다.

console.log(parseInt("123")); // 출력: 123
console.log(parseInt("111", 2)); // 출력: 7 (2진수 111을 10진수로 변환)

parseFloat(문자열): 문자열을 파싱하여 부동 소수점 수로 반환합니다.

console.log(parseFloat("123.45")); // 출력: 123.45

toFixed(소수점 자리 수): 숫자를 고정 소수점 표기법으로 표현하며, 소수점 이하 자릿수를 지정할 수 있습니다.

let num = 12.34567;
console.log(num.toFixed(2)); // 출력: "12.35"

이상입니다. 북마크 해놓으셨다가 필요할 때

적당한거 있는지 둘러볼때 좋습니다~

오타나 틀린내용 있을시 댓글 부탁드리고 배열,숫자 메서드 링크도 남겨드리겠습니다~

▼ 배열 메서드 모음 ▼

▼ 숫자열 메서드 모음 ▼

필수 #자바스크립트 >>배열(Array) 메서드<< 총정리 입니다.

즐코하세요~★

배열 요소 추가 및 제거 메서드

push(요소1, 요소2, ...): 배열의 끝에 하나 이상의 요소를 추가하고, 새 배열의 길이를 반환합니다.

let arr = [1, 2, 3];
arr.push(4, 5); // 출력: [1, 2, 3, 4, 5]

pop(): 배열의 마지막 요소를 제거하고, 제거된 요소를 반환합니다.

let arr = [1, 2, 3];
arr.pop(); // 출력: 3, 배열: [1, 2]

unshift(요소1, 요소2, ...): 배열의 앞에 하나 이상의 요소를 추가하고, 새 배열의 길이를 반환합니다.

let arr = [1, 2, 3];
arr.unshift(0); // 출력: 4, 배열: [0, 1, 2, 3]

shift(): 배열의 첫 번째 요소를 제거하고, 제거된 요소를 반환합니다.

let arr = [1, 2, 3];
arr.shift(); // 출력: 1, 배열: [2, 3]

splice(시작 인덱스, 제거할 개수, 추가할 요소1, ...): 배열의 특정 위치에서 요소를 추가하거나 제거합니다.

let arr = [1, 2, 3, 4, 5];
arr.splice(2, 1, 10, 20); // 배열: [1, 2, 10, 20, 4, 5]

배열 탐색 및 검색 메서드

indexOf(검색할 요소, 시작 인덱스): 배열에서 특정 요소를 검색하여 첫 번째로 발견된 인덱스를 반환합니다. 없으면 -1을 반환합니다.

let arr = [1, 2, 3, 2, 1];
arr.indexOf(2); // 출력: 1

lastIndexOf(검색할 요소, 시작 인덱스): 배열에서 특정 요소를 검색하여 마지막으로 발견된 인덱스를 반환합니다. 없으면 -1을 반환합니다.

let arr = [1, 2, 3, 2, 1];
arr.lastIndexOf(2); // 출력: 3

includes(요소, 시작 인덱스): 배열에 특정 요소가 포함되어 있는지 확인합니다. true 또는 false를 반환합니다.

let arr = [1, 2, 3];
arr.includes(2); // 출력: true

find(콜백 함수): 조건을 만족하는 첫 번째 요소를 반환합니다. 없으면 undefined를 반환합니다.

let arr = [1, 2, 3, 4];
let found = arr.find(element => element > 2); // 출력: 3

findIndex(콜백 함수): 조건을 만족하는 첫 번째 요소의 인덱스를 반환합니다. 없으면 -1을 반환합니다.

let arr = [1, 2, 3, 4];
let foundIndex = arr.findIndex(element => element > 2); // 출력: 2

배열 변형 및 재구성 메서드

slice(시작 인덱스, 끝 인덱스): 배열의 일부를 추출하여 새로운 배열을 반환합니다. 끝 인덱스는 포함되지 않습니다.

let arr = [1, 2, 3, 4, 5];
let sliced = arr.slice(1, 4); // 출력: [2, 3, 4]

concat(배열1, 배열2, ...): 두 개 이상의 배열을 연결하여 새 배열을 반환합니다.

let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2); // 출력: [1, 2, 3, 4]

join(구분자): 배열의 모든 요소를 문자열로 변환한 후, 구분자를 사용하여 하나의 문자열로 결합합니다.

let arr = [1, 2, 3];
let joined = arr.join("-"); // 출력: "1-2-3"

reverse(): 배열의 순서를 반대로 바꿉니다.

let arr = [1, 2, 3];
arr.reverse(); // 출력: [3, 2, 1]

sort(비교 함수): 배열을 정렬합니다. 기본적으로 문자열로 취급하여 사전식으로 정렬되며, 숫자 정렬 시 비교 함수를 전달해야 합니다.

let arr = [3, 1, 4, 1, 5];
arr.sort((a, b) => a - b); // 출력: [1, 1, 3, 4, 5]

배열 반복 및 순회 메서드

forEach(콜백 함수): 배열의 각 요소에 대해 주어진 콜백 함수를 실행합니다. 반환값은 없습니다.

let arr = [1, 2, 3];
arr.forEach(element => console.log(element)); // 출력: 1, 2, 3 (각 요소가 출력됨)

map(콜백 함수): 배열의 각 요소를 주어진 콜백 함수로 처리한 후, 그 결과를 모아 새로운 배열을 반환합니다.

let arr = [1, 2, 3];
let mapped = arr.map(element => element * 2); // 출력: [2, 4, 6]

filter(콜백 함수): 배열의 각 요소에 대해 주어진 조건을 만족하는 요소만 모아 새로운 배열을 반환합니다.

let arr = [1, 2, 3, 4];
let filtered = arr.filter(element => element > 2); // 출력: [3, 4]

reduce(콜백 함수, 초기값): 배열을 순회하며 각 요소에 대해 누적 연산을 수행하여 단일 값을 반환합니다.

let arr = [1, 2, 3, 4];
let sum = arr.reduce((acc, curr) => acc + curr, 0); // 출력: 10

reduceRight(콜백 함수, 초기값): reduce()와 동일하게 작동하지만, 배열의 오른쪽(마지막 요소)부터 왼쪽으로 순회합니다.

let arr = [1, 2, 3, 4];
let sum = arr.reduceRight((acc, curr) => acc + curr, 0); // 출력: 10

some(콜백 함수): 배열의 요소 중 하나라도 조건을 만족하면 true를 반환합니다.

let arr = [1, 2, 3];
let hasEven = arr.some(element => element % 2 === 0); // 출력: true

every(콜백 함수): 배열의 모든 요소가 조건을 만족해야 true를 반환합니다.

let arr = [2, 4, 6];
let allEven = arr.every(element => element % 2 === 0); // 출력: true

배열 복사 및 병합

copyWithin(대상 인덱스, 시작 인덱스, 끝 인덱스): 배열 내의 요소를 복사하여 다른 위치에 붙여넣습니다.

let arr = [1, 2, 3, 4, 5];
arr.copyWithin(0, 3); // 출력: [4, 5, 3, 4, 5]

fill(값, 시작 인덱스, 끝 인덱스): 배열의 모든 요소를 고정된 값으로 채웁니다.

let arr = [1, 2, 3, 4];
arr.fill(0, 1, 3); // 출력: [1, 0, 0, 4]

flat(깊이): 다차원 배열을 평평하게 만들어 1차원 배열로 반환합니다.

let arr = [1, [2, 3], [4, [5]]];
let flattened = arr.flat(2); // 출력: [1, 2, 3, 4, 5]

flatMap(콜백 함수): map()과 flat()을 결합한 메서드로, 각 요소에 대해 콜백 함수를 적용한 후 결과를 평평하게 만듭니다.

let arr = [1, 2, 3];
let flatMapped = arr.flatMap(element => [element, element * 2]); // 출력: [1, 2, 2, 4, 3, 6]

블로그 오시면 더 있어요~