Javascript203

• 

  [JavaScript]특정 조건을 만족하는 배열의 인덱스 가져오는 방법 특정 조건을 만족하는 배열의 인덱스 가져오는 방법 이번 포스팅은 JavaScript에서 특정 조건을 만족하는 배열의 인덱스를 가져오는 몇 가지 방법을 소개합니다. 방법 1. findIndex 메서드 가장 잘 알려져 있는 방법으로 배열의 findIndex() 메서드를 사용하는 것입니다. findIndex() 메서드의 매개 변수로 특정 조건식에 대해 Boolean 값을 반환하는 콜백 함수를 전달하면, 특정 조건에 해당하는 인덱스를 반환합니다. 다음 예제는 숫자 타입의 배열에서 10보다 큰 요소의 인덱스를 가져옵니다. const numArray = [0, 5, 15, 10]; const findIndex = numArray.findIndex((num) => num > 10); console.log(findIn.. JavaScript/배열 2022. 9. 18.

• 

  [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]함수 호이스팅(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.