효니 TIL

filter()자바스크립트의 filter 메서드는 주어진 함수의 조건을 만족하는 요소들만을 모아 새로운 배열로 반환합니다.원래 배열을 변경하지 않으며, 특정 조건에 맞는 요소들만 걸러내 새로운 배열을 반환합니다. filter 메서드는 콜백 함수를 인자로 받습니다.이 콜백 함수는 배열의 각 요소에 대해 호출되며,요소가 조건을 만족하면 true를,만족하지 않으면 false를 반환합니다.const newArray = oldArray.filter((element, index, array) => { // 조건을 만족하면 true 반환}); element: 현재 처리 중인 배열의 요소index(선택): 현재 처리 중인 배열 요소의 인덱스array(선택): filter 메서드를 호출한 배열 자체 예제 1: 짝수만 ..

map() map 메서드는 자바스크립트에서 배열의 각 요소를 주어진 함수로 처리한 결과를 모아 새로운 배열을 반환하는 데 사용됩니다.이 메서드는 원래 배열을 변경하지 않고, 항상 새로운 배열을 반환합니다. map 메서드는 콜백 함수를 인자로 받습니다.이 콜백 함수는 배열의 각 요소와 그 인덱스, 그리고 배열 자체를 매개변수로 받습니다.const newArray = oldArray.map((element, index, array) => { // 새로운 요소를 반환});element: 현재 처리 중인 배열의 요소index(선택): 현재 처리 중인 배열 요소의 인덱스array(선택): map 메서드를 호출한 배열 예제 1: 배열의 각 요소에 2를 곱한 새로운 배열 생성const numbers = [1, 2,..

배열에 특정 요소가 존재하는지 확인하는 방법을 알아보겠습니다. const fruits = ['Banana', 'Orange', 'Apple', 'Mango'];  indexOf 메서드 사용하기indexOf 메서드는 배열에서 특정 요소를 찾아 그 인덱스를 반환합니다.요소가 존재하지 않으면 -1을 반환합니다.const index = fruits.indexOf('Apple');console.log(index); // 2   includes 메서드 사용하기includes 메서드는 배열에 특정 요소가 존재하는지 여부를 불리언 값으로 반환합니다.const isExist = fruits.includes('Apple');console.log(isExist); // true   findIndex 메서드 사용하기findI..

배열에 원소 추가하기push() 메서드는 배열의 끝에 하나 이상의 원소를 추가합니다.배열의 끝에 추가할 원소를 반드시 하나 이상 포함해야 합니다.const fruits = ["apple", "banana"];fruits.push("orange");console.log(fruits); // ["apple", "banana", "orange"]메서드 호출이 완료되면 배열의 새 길이가 리턴됩니다. 만약 새 배열의 길이를 변수에 저장하고 싶은 경우 다음과 같이 할 수 있습니다.const fruits = ["apple", "banana"];const myArray = fruits.push("cherry");console.log(myArray); // 3  unshift() 메서드는 배열의 시작에 하나 이상의 원소..

배열을 문자열로 변환하기 1.  join() 메서드를 사용하면 배열을 다시 문자열로 만들 수 있습니다.자바스크립트의 join() 메서드는 배열의 모든 요소를 문자열로 결합하여 하나의 문자열로 반환합니다.각 요소는 지정된 구분자로 연결됩니다.join() 메서드는 원래 배열은 변경되지 않고 새 문자열을 반환합니다.array.join(separator);separator(선택): 배열 요소를 결합할 때 사용할 구분자입니다.이 값을 지정하지 않으면 기본 구분자인 쉼표(", ")가 사용됩니다.(기본 구분자는 쉼표(", ")이지만, 원하는 구분자를 지정할 수 있습니다.구분자를 지정하지 않은 경우const arr = ["apple", "banana", "orange"];const str = arr.join();con..

문자열을 배열로 변환하기자바스크립트의 split() 메서드는 문자열에 사용되는 메서드입니다.split() 메서드는 문자열을 특정 구분자를 기준으로 나누어 배열로 변환하는 데 사용됩니다.string.split(separator, limit);separator(필수): 문자열을 나눌 구분자입니다. 문자열이나 정규식을 사용할 수 있습니다.limit(선택): 반환할 배열의 최대 길이를 지정할 수 있습니다. 이 값을 지정하면 반환되는 배열의 요소 수가 이 값을 넘지 않습니다.const str = "apple,banana,orange";문자열을 만듭니다.const arr = str.split(",");console.log(arr); // ['apple', 'banana', 'orange']콤마로 분리하면 문자열을 ..

배열의 길이 확인하기배열의 길이는 배열에 포함된 요소의 개수를 나타냅니다..length 속성을 사용하여 배열의 요소 수를 얻을 수 있습니다.const fruits = ["apple", "banana", "cherry"];console.log(fruits.length); //3 배열의 길이 설정하기.length 속성을 사용하여 배열의 크기를 변경할 수 있습니다.배열의 길이를 줄이면 그 길이 이후에 있는 요소는 삭제됩니다.const fruits = ["apple", "banana", "cherry"];fruits.length = 2;console.log(fruits); // ["apple", "banana"] 배열의 길이 늘리기배열의 길이를 늘리면 그 길이만큼 새로운 빈 요소가 추가됩니다.이는 새로운 요소가..

다중 배열다중 배열(Multidimensional Array)은 배열 안에 배열이 포함된 구조입니다.쉽게 말해, 배열의 요소 중 일부가 또 다른 배열인 경우입니다.예를 들어, 표(table)처럼 데이터를 정리할 수 있습니다. 2차원 배열이란?2차원 배열은 배열의 요소가 또 다른 배열인 구조입니다.보통 행(row)과 열(column)로 데이터를 저장할 때 사용합니다.const matrix = [ [1, 2, 3], [4, 5, 6], [7, 8, 9],];위 코드는 3x3 크기의 2차원 배열입니다.여기서 matrix는 3개의 배열을 포함하는 배열입니다.각 내부 배열은 3개의 숫자를 포함하고 있습니다. 2차원 배열 요소에 접근하기2차원 배열의 요소에 접근하려면 두 개의 인덱스를 사용합니다.첫 번째 인덱..

배열 요소 접근배열의 각 요소는 인덱스(번호)를 통해 접근할 수 있습니다.배열의 인덱스는 0부터 시작합니다.const fruits = ["apple", "banana", "cherry"];console.log(fruits[0]); // "apple"console.log(fruits[1]); // "banana"console.log(fruits[2]); // "cherry"인덱스가 0부터 시작하는 대괄호 구문[]을 사용하여 배열에서 요소를 가져올 수 있습니다. 배열 요소 수정단일 배열 항목에 새 값을 제공하여, 배열의 항목을 수정할 수 있습니다.const fruits = ["apple", "banana", "cherry"];fruits[0] = "mango";console.log(fruits[0]); //..

Array(배열)자바스크립트에서 Array(배열)은 여러 개의 값을 하나의 변수에 저장할 수 있는 데이터 구조입니다.배열을 사용하면 같은 변수에 관련된 데이터들을 그룹화하여 관리할 수 있습니다. 배열 생성하기배열은 대괄호로 구성되며 쉼표로 구분된 항목들을 포함합니다. 1. 리터럴 표기법const fruits = ["apple", "banana", "cherry"]; 2. Array 생성자const fruits = new Array("apple", "banana", "cherry");fruits라는 배열이 생성되었으며,배열 안에는 "apple", "banana", "cherry"라는 세 개의 문자열이 포함되어 있습니다. 문자열 외에도 다양한 데이터 유형을 배열에 저장할 수 있습니다.(문자열, 숫자, 개체,..