JavaScript204 [JavaScript]첫 번째 문자열이 대문자인지 소문자인지 체크하는 방법 첫 번째 문자열이 대문자인지 소문자인지 체크하는 방법 이번 포스팅은 JavaScript에서 첫 번째 문자열이 대문자인지 소문자인지 체크하는 몇 가지 방법을 소개합니다. 방법 1. toUpperCase 메서드 또는 toLowerCase 메서드 첫 번째 방법으로 toUpperCase() 메서드 또는 toLowerCase() 메서드를 사용할 수 있습니다. toUppderCase() 메서드는 문자열을 대문자로 변환하고 toLowerCase() 메서드는 문자열을 소문자로 변환합니다. [대소문자 체크 방법] 순서 1. 첫 번째 문자열을 가져옵니다. 순서 2. toUpperCase() 메서드 또는 toLowerCase() 메서드를 호출하여 대문자 또는 소문자로 변환합니다. 순서 3. 첫 번째 문자열을 대소문자로 변환.. JavaScript/문자열 2022. 9. 18. [JavaScript]배열에서 특정 조건을 만족하는 요소의 개수 구하는 방법 배열에서 특정 조건을 만족하는 요소의 개수 구하는 방법 이번 포스팅은 JavaScript 배열에서 특정 조건을 만족하는 요소의 개수를 구하는 몇 가지 방법을 소개합니다. 방법 1. 반복문 가장 심플한 방법으로 반복문을 사용하여 특정 조건을 만족하는 요소의 개수를 구할 수 있습니다. 배열의 요소 개수만큼 반복문을 순회하여 특정 조건을 만족하면 count를 증가시킵니다. 다음 예제는 숫자 타입인 배열에서 10보다 큰 요소의 개수를 구합니다. const numArray = [0, 10, 5, 20, 8, 40]; let count = 0; for(index = 0; index 10) count++; } console.l.. JavaScript/배열 2022. 9. 18. [JavaScript]배열을 특정 길이만큼 분리하는 방법 배열을 특정 길이만큼 분리하는 방법 JavaScript에서 배열을 특정 길이만큼 분리해야 하는 상황이 존재할 수 있습니다. 예를 들어, 배열의 요소가 9개 존재하며, 특정 길이를 3으로 설정하는 경우 배열이 다음과 같이 분리되어야 합니다. // 분리 전 [0, 1, 2, 3, 4, 5, 6, 7, 8] // 분리 후 [[0, 1, 2], [3, 4, 5], [6, 7, 8]] 배열의 요소가 8개이며, 특정 길이를 3으로 설정하는 경우 배열이 다음과 같이 분리되어야 합니다. // 분리 전 [0, 1, 2, 3, 4, 5, 6, 7] // 분리 후 [[0, 1, 2], [3, 4, 5], [6, 7]] 이번 포스팅은 JavaScript에서 배열을 특정 길이만큼 분리할 수 있는 몇 가지 방법을 소개합니다. 방.. JavaScript/배열 2022. 9. 18. [JavaScript]배열을 특정 값으로 채우는 방법 배열을 특정 값으로 채우는 방법 JavaScript에서 배열의 요소를 특정 값으로 채워야하는 경우가 있을 수 있습니다. 가장 간단한 방법은 빈 배열을 생성하고 반복문을 사용하여 특정 값을 추가하는 것입니다. const intArray = []; for (index = 0; index < 5; index++) { intArray.push(5); } console.log(intArray); [실행 결과] [5, 5, 5, 5, 5] 반복문을 사용하여 특정 값을 채우는 방법이 나쁜 방법은 아니지만, JavaScript는 배열에 특정 값을 채울 수 있도록 해주는 fill() 메서드를 제공하므로 반복문보다 심플한 소스 코드를 작성할 수 있습니다. 이번 포스팅은 JavaScript에서 배열을 특정 값으로 채울 수 .. JavaScript/배열 2022. 9. 17. [JavaScript]배열 마지막 요소 제거하는 방법 배열 마지막 요소 제거하는 방법 이번 포스팅은 JavaScript에서 배열의 마지막 요소를 제거하는 몇 가지 방법을 소개합니다. 방법 1. pop 메서드(권장) 첫 번째 방법으로 배열에서 제공하는 pop() 메서드를 사용하여 배열의 마지막 요소를 제거할 수 있습니다. pop() 메서드는 배열의 마지막 요소를 제거하고 해당 요소를 반환합니다. 빈 배열에서 pop() 메서드를 호출하면, undefined를 반환합니다. 다음 예제는 pop() 메서드를 호출하여 문자열 배열의 마지막 요소를 제거합니다. const strArray = ['Zero', 'One', 'Two', 'Three', 'Four']; const popResult = strArray.pop(); console.log(strArray); con.. JavaScript/배열 2022. 9. 17. [JavaScript]배열에서 특정 값 제거하는 방법 배열에서 특정 값 제거하는 방법 이번 포스팅은 JavaScript의 배열에서 특정 값 또는 특정 조건을 만족하는 요소를 제거할 수 있는 몇 가지 방법을 소개합니다. 방법 1. indexOf 메서드와 splice 메서드 첫 번째 방법으로 배열에서 제공하는 indexOf() 메서드와 splice() 메서드를 사용하여 특정 값을 제거할 수 있습니다. [특정 값 제거 방법] 순서 1. indexOf() 메서드를 호출하여 특정 값의 위치(인덱스)를 찾습니다. 순서 2. indexOf() 메서드의 반환 결과가 -1 보다 큰 경우(특정 값을 찾은 경우) splice() 메서드를 호출합니다. 순서 3. splice() 메서드를 호출하여 첫 번째 매개변수로 indexOf() 메서드의 반환 결과(특정 값의 위치)를 전달하.. JavaScript/배열 2022. 9. 17. [JavaScript]스코프(Scope) 스코프(Scope) JavaScript에서 스코프(Scope)는 변수의 가용성(변수를 사용할 수 있는지)을 관리하는 중요한 개념입니다. JavaScript에서 사용되는 변수 또는 함수는 선언되는 위치에 따라 다르게 동작하므로 스코프에 대해 구체적으로 이해할 필요가 있습니다. [JavaScript]함수 호이스팅(Function Hoisting) 호이스팅(Hoisting) 호이스팅은 코드를 실행하기 전에 선언된 변수 및 함수를 해당 범위의 맨 위로 이동하는 JavaScript의 메커니즘입니다. 일반적으로 선언되지 않은 변수를 접근할 수 없습니다. 마 developer-talk.tistory.com [JavaScript]변수 선언과 호이스팅(Hoisting) JavaScript의 변수 선언 방법과 호이스팅(H.. JavaScript/기초 2022. 7. 7. [JavaScript]함수 호이스팅(Function Hoisting) 호이스팅(Hoisting) 호이스팅은 코드를 실행하기 전에 선언된 변수 및 함수를 해당 범위의 맨 위로 이동하는 JavaScript의 메커니즘입니다. 일반적으로 선언되지 않은 변수를 접근할 수 없습니다. 마찬가지로, JavaScript에서도 선언되지 않은 변수를 접근할 수 없으며, 선언되지 않은 변수를 접근하면 ReferenceError가 발생합니다. 하지만, JavaScript는 다음 예제처럼 나중에 선언되는 변수를 미리 접근할 수 있습니다. console.log(value); // undefined var value = 'Hello' console.log(value); // Hello ReferenceError는 발생하지 않으나 JavaScript는 호이스팅 된 변수를 undefined로 초기화합니다.. JavaScript/함수 2022. 7. 7. [JavaScript]스택과 실행 컨텍스트(Stack and Execution Context) 이번 포스팅은 실행 컨텍스트 생성 과정 및 스코프 체인에 대해 설명하기 전에 기본적으로 알아야 할 스택(Stack)과 실행 컨텍스트 개념에 대해 설명합니다. 스택(Stack) 스택은 한쪽 끝에서만 작업을 수행하는 선형 데이터 구조입니다. 배열과 달리 특정 위치에 요소를 접근할 수 없으며, 맨 위에서만 요소를 삽입 및 삭제할 수 있습니다. 스택에서는 두 가지 작업을 수행할 수 있습니다. 맨 위(TOP)에 요소를 삽입하는 push, 맨 위(TOP)의 요소를 삭제하는 pop을 수행합니다. 스택은 LIFO(Last-In, First-Out) 또는 FILO(First-In, Last-Out) 개념이 적용됩니다. LIFO는 후입 선출이라 말하기도 하며, 마지막에(Last) 들어온(In) 요소가 맨 처음(First).. JavaScript/기초 2022. 7. 6. [JavaScript]프로토타입의 프로퍼티 프로토타입의 프로퍼티 프로토타입 확장에서 프로토타입 객체인 Object.prototype에 새로운 함수를 추가하는 방법을 소개하였습니다. [JavaScript]프로토타입 확장(prototype extend) 프로토타입 확장 지금까지 프로토타입을 주제로 작성된 포스팅 내용을 정리하자면, 모든 객체(숫자, 문자열, 객체, 배열, 함수 등)는 내부 프로퍼티인 [[Prototype]]를 가지고 있습니다. 프로토타입 developer-talk.tistory.com 즉, 프로토타입 객체도 일반 객체처럼 동적으로 프로퍼티를 추가 또는 삭제할 수 있습니다. 다음 예제는 최상위 프로토타입 객체인 Object.prototype에 두 개의 프로퍼티를 추가합니다. // address 프로퍼티 추가(문자열) Object.pro.. JavaScript/함수 2022. 7. 6. [JavaScript]프로토타입 확장(prototype extend) 프로토타입 확장 지금까지 프로토타입을 주제로 작성된 포스팅 내용을 정리하자면, 모든 객체(숫자, 문자열, 객체, 배열, 함수 등)는 내부 프로퍼티인 [[Prototype]]를 가지고 있습니다. 프로토타입 관련 포스팅(클릭하면 해당 포스팅으로 이동합니다.) ☞ [JavaScript]프로토타입(Prototype)이란? ☞ [JavaScript]프로토타입 체인(Prototype Chain) ☞ [JavaScript]함수의 프로토타입(prototype in function) [[Prototype]]는 현재 객체의 상위 객체를 참조하며, 이 상위 객체를 프로토타입이라고 말합니다. 그리고 프로토타입 체인으로 상위 객체를 계속해서 참조했을 때, 프로토타입 체인의 종점은 Object.prototype 객체입니다. 즉,.. JavaScript/함수 2022. 7. 6. [JavaScript]함수의 프로토타입(prototype in function) 함수의 프로퍼티 JavaScript에서 함수는 객체이지만, 일반 객체와는 다르게 함수 객체만의 표준 프로퍼티가 존재합니다. 이번 포스팅에서는 함수의 내부 프로퍼티인 [[Prototype]]와 다른 객체에 존재하지 않는 prototype 프로퍼티에 대해 설명합니다. 함수의 표준 프로퍼티인 length, name에 대해서는 아래 포스팅에서 자세하게 설명합니다. [JavaScript]함수의 length, name 프로퍼티 함수는 특별한 객체 JavaScript에서 함수는 객체입니다. 객체와 마찬가지로 함수에는 프로퍼티와 함수가 존재하며, 함수를 변수, 배열, 객체에 할당하거나 다른 함수에 인수로 전달할 수 있습니다. developer-talk.tistory.com 프로토타입에 대한 내용은 아래 포스팅에서 자세.. JavaScript/함수 2022. 7. 5. 이전 1 ··· 4 5 6 7 8 9 10 ··· 17 다음