본문 바로가기

JavaScript10

[JavaScript] slice() 메서드 제일 기본적인 메서드이지만 은근히 헷갈리는 부분이 있어서 정리해두려 한다JS에서 배열이나 문자열을 자를 때 자주 사용하는데 비슷한 개념과 함께 정리했다.slice()란slice()는 배열이나 문자열에서 원하는 구간을 잘라내어 새로운 배열(또는 문자열)을 반환하는 메서드이다.문법slice(start, end)start: 시작 인덱스 (포함)end: 종료 인덱스 (불포함)end 부분에 들어가는 인덱스는 불포함한다는 사실이 중요하다!!!!예를 들어 아래와 같이 사용한다.let num = ['0', '1', '2', '3', '4', '5', '6'];console.log(num.slice(0,4)); 0번인덱스부터 3번째까지 출력 0123 let string = "JavaScript";console.log(s.. 2025. 4. 6.
[JavaScript] parseInt() vs Math.ceil() 차이 정리 코딩테스트 문제를 풀면서 이 둘의 개념이 헷갈려 정리해 본다.함수 주 사용 목적은 아래와 같다.parseInt()문자열을 정수로 변환Math.ceil()소수 포함 숫자를 올림 처리 기본 개념parseInt(): 문자열 → 정수parseInt()는 문자열에서 정수 부분만 추출해서 반환한다.소수점 이하 숫자가 있더라도 정수만! 자른다.parseInt("123.45"); // 123parseInt(4.7); // 4parseInt("10px"); // 10parseInt("abc123"); // 이 경우 시작이 숫자가 아니여서 NaN을 반환한다.숫자형 데이터를 넣으면, 내부적으로 문자열로 변환한 뒤 정수로 처리한다. 즉 시작이 숫자여야 함 Math.trunc()와 유사하게 작동하는 .. 2025. 4. 6.
[JavaScript] Math.floor()와 Math.trunc() 의 차이 Math.floor() 와 Math.trunc의 차이 Math.floor내림 (작은 쪽으로) 정수 반환4.8 → 4-4.8 → -5Math.trunc소수점 잘라냄 (0쪽으로) 정수 반환4.8 → 4-4.8 → - 소수점을 버린다고 생각하면 Math.trunc를숫자를 더 작은쪽으로 버린다고 생각하면 Math.floor을 해야한다. ** 양수의 경우 상관 없지만 음수를 생각해야하는 경우 결과에 차이가 발생하므로 고려해야한다. 2025. 4. 6.
[JavaScript] 삼항 연산자 (Ternary Operator) 정리 JavaScript에서 if 문을 사용할 때보다 간결한 코드를 작성하고 싶을 때, 주로 사용한다.이번 글을 통해 삼항 연산자의 기본 구조와 활용 방법, 그리고 다중 삼항 연산자까지 정리해보려 한다. 연산자란?연산자는 주로 값을 계산하거나 비교할 때 사용하는 기호이다. 예를 들어, 아래와 같은 것들이 모두 연산자이다.+ // 더하기- // 빼기* // 곱하기=== // 일치 비교&& // AND 조건 삼항 연산자의 기본 구조삼항 연산자는 조건 ? 참일 때 : 거짓일 때의 형식으로 작성한다. 조건 ? 참일 때 실행할 코드 : 거짓일 때 실행할 코드; 한 줄로 간략하게 적을 수 있어 편하다!  예를 들어 두 숫자를 비교하는 코드를 작성한다면 아래와 같이 작성할 수 있다. let num1 = 10;.. 2025. 4. 6.
[JavaScript] sort 정렬 사용하기 arraylist.sort(functionName) 배열 안의 원소를 정렬하는 함수이다. functionName에 함수를 지정하면 세 개의 값 중 하나가 리턴된다. 첫 번째 값 두 번째 값 : + 문자정렬 알파벳 오름차순 순으로 정렬 let list = ["a","c","b","e","d"]; list.sort(); console.log(list); // a,b,c,d,e ⭐숫자정렬⭐ sort의 경우 정렬 시 요소를 문자로 취급한다. let arr = [0, 31, 24, 10, 1, 9]; arr.sort(); console.log(arr); // [0,1,10,24,31,9] 10,9를 비교할 시 숫자라면 9가 먼저지만 문자열.. 2023. 2. 9.
[Jquery] 값 설정하는 val() .val() 값을 가져오거나 원하는 값으로 설정하는 메서드이다. .val() 값 가져오기 $(’ 타깃 요소’).val(); .val() 값 설정하기 $(’타겟 요소’).val(’설정값’); 텍스트를 입력한 후 버튼을 클릭하면, 해당 값을 출력 value 버튼을 클릭하면 입력한 값 출력 클릭 $('button#inputBtn').click(function (){ const val = $('input#input').val(); alert(val); }) 2022. 8. 29.

티스토리툴바