Frontend/JavaScript(27)
-
자바스크립트 slice()
slice() 새로운 배열 또는 문자열을 반환하는 메서드 slice( start, end )start: 시작 인덱스 (포함)end: 종료 인덱스 (미포함) — 생략하면 끝까지음수 인덱스 사용 가능 (-1은 마지막 요소) ✅ 배열에서 사용const arr = [1, 2, 3, 4, 5]; const result = arr.slice(1, 4);console.log(result); // [2, 3, 4]✅ 문자열에서 사용const str = "Hello, world!"; const result = str.slice(0, 5); console.log(result); // "Hello"✅ 음수 인덱스 사용const nums = [10, 20, 30, 40, 50]; console.log(nums.slice(-..
2024.04.25 -
자바스크립트 repeat()
repeat()문자열을 지정한 횟수만큼 반복하여 새로운 문자열을 반환해요. repeat( str, count ) str : 반복할 원본 문자열count : 반복할 횟수 (양의 정수) 주의사항count는 0 이상이어야 하며, 무한대(Infinity) 또는 음수일 수 없습니다.count가 소수면 내림 처리됩니다.count가 0이면 빈 문자열을 반환합니다. 예제console.log("abc".repeat(3)); // "abcabcabc" console.log("⭐".repeat(5)); // "⭐⭐⭐⭐⭐" console.log("ha".repeat(0)); // ""
2024.03.19 -
자바스크립트 indexOf(), lastIndexOf()
🔹indexOf(), lastIndexOf()배열에서 특정 요소가 처음 또는 마지막으로 등장하는 위치(인덱스) 를 반환해요.요소가 존재하지 않으면 -1을 반환합니다.문법array.indexOf(searchElement, fromIndex) array.lastIndexOf(searchElement, fromIndex)매개변수searchElement찾고자 하는 요소fromIndex (선택)검색을 시작할 인덱스 (음수도 가능)✅ indexOf() 예시 – 왼쪽에서 오른쪽으로 검색const arr = [2, 4, 5, 4, 2]; console.log(arr.indexOf(4)); // 출력: 1 (처음 등장하는 위치) console.log(arr.indexOf(6)); // 출력: -1 (존재하지 않음) c..
2024.03.14 -
자바스크립트 splice()
🔹 splice()배열의 내용을 직접 변경하면서 요소를 추가, 제거, 교체할 수 있는 메서드예요.원본 배열이 변경된다는 점이 특징입니다.문법array.splice(start, deleteCount, item1, item2, ...)매개변수start변경을 시작할 인덱스 (음수도 가능, -1은 마지막 요소)deleteCount제거할 요소의 개수item1, item2...삭제한 자리에 추가할 요소들 (선택)✅ 요소 제거const arr = [1, 2, 3, 4, 5]; const result = arr.splice(1, 2); console.log(result); // [2, 3] console.log(arr); // [1, 4, 5] 인덱스 1부터 2개의 요소를 제거해요✅ 요소 추가const arr = [..
2024.03.14 -
자바스크립트 Math.ceil
🔹Math.ceil() 숫자를 올림하는 함수예요.소수점 이하 숫자가 있으면 무조건 올림해서 정수를 반환해요.문법 Math.ceil(x) x: 올림할 숫자 (number)기본 사용 예시const result = Math.ceil(4.2); console.log(result); // 출력: 5const result = Math.ceil(7); console.log(result); // 출력: 7 (정수는 그대로)❗ 음수도 올림!const result = Math.ceil(-4.2);console.log(result); // 출력: -4 음수의 경우에도 올림 방향으로 작동해요.즉, -4.2는 -4로 0에 더 가까운 쪽으로 올림돼요.🔁 활용 팁소수점을 포함한 가격 계산에서 올림이 필요할 때페이지네이션할 때 ..
2024.03.14 -
자바스크립트 reduce()
reduce()배열의 각 요소를 순회하면서 하나의 결과값을 만들어내는 함수에요.값들을 누적하거나, 배열을 객체, 숫자, 다른 배열 등으로 변환할 때 자주 사용해요.매개값array.reduce( 콜백함수, 초기값(선택) ) 콜백함수 매개값function callback(accumulator, currentValue, currentIndex, array) { ... } accumulator: 누적값. 이전 콜백 반환값을 기억함.currentValue: 현재 처리 중인 요소.currentIndex: 현재 요소의 인덱스.array: reduce를 호출한 배열. 예시배열의 합const numbers = [1, 2, 3, 4, 5]; const sum = numbers.reduce((acc, cur) => acc..
2024.03.13