효니 TIL

이전 포스팅에서배열의 특정 값 index를 찾는 방법을 알아보았습니다.[JavaScript] 배열 특정 값 인덱스(index) 찾기(1) - indexOf()[JavaScript] 배열 특정 값 인덱스(index) 찾기(2) - lastIndexOf()[JavaScript] 배열 특정 값 인덱스(index) 찾기(3) - findIndex() 이번 포스팅에서는find()와 filter() 메서드를 이용해배열에서 특정 값 찾는 방법을 알아보겠습니다. 배열 특정 값 찾기 - find(), filter()1. find()2. filter() 1. find()arr.find(callback[, thisArg])find() 메서드는 배열에서 특정 값을 찾는 조건을 callback함수를 통해 전달하여,조건에 만족..

indexOf(), lastIndexOf(), findIndex() 메서드를 이용하여특정 값 index를 찾을 수 있습니다. 배열에서 특정 값 index를 찾는 방법을 알아보고 있습니다.[JavaScript] 배열 특정 값 인덱스(index) 찾기(1) - indexOf()[JavaScript] 배열 특정 값 인덱스(index) 찾기(2) - lastIndexOf() 배열 특정 값 인덱스(index) 찾기 - findIndex()findIndex() 메서드를 이용하여배열에서 특정 값의 index를 찾는 방법을 알아보겠습니다. findIndex()findIndex(callbackFn)findIndex(callbackFn, thisArg)findeIndex() 메서드는 배열에서 값을 찾는 조건을 callb..

indexOf(), lastIndexOf(), findIndex() 메서드를 이용하여특정 값 index를 찾을 수 있습니다. 이전 포스팅에서 indexOf() 메서드를 이용한 방법을 알아보았습니다.[JavaScript] 배열 특정 값 인덱스(index) 찾기(1) - indexOf() 배열 특정 값 인덱스(index) 찾기 - lastIndexOf()이 포스팅에서는 lastIndexOf() 메서드를 이용하여배열에서 특정 값의 index를 찾는 방법을 알아보겠습니다. lastIndexOf()arr.lastIndexOf(searchElement[, fromIndex])indexOf가 처음 발견되는 문자열에 대한 index를 반환하는 반면,lastIndexOf는 배열 내에서 찾고자 하는 값과 정확하게 일치하..

indexOf(), lastIndexOf(), findIndex() 메서드를 이용하여특정 값 index를 찾을 수 있습니다. 배열 특정 값 인덱스(index) 찾기 - indexOf()이 포스팅에서는 indexOf() 메서드를 이용하여배열에서 특정 값의 index를 찾는 방법을 알아보겠습니다. 1. indexOf()arr.indexOf(searchElement[, fromIndex])indexOf() 메서드는 배열 내에서 찾고자 하는 값과 정확하게 일치하는 첫 번째 요소의 index를 반환합니다.찾으려는 값이 배열에 존재하지 않으면 -1을 반환합니다.indexOf() 메서드는 ===연산자를 사용하여 비교하며,타입과 값이 모두 동일한 값이어야 같은 값으로 처리합니다. searchElement배열에서 ..

배열 특정 값으로 채우기배열을 특정 값으로 채우는 fill() 메서드에 대해 알아보겠습니다. fill()fill(value)fill(value, start)fill(value, start, end) fill() 메서드는 배열의 시작 index부터 종료 index 전까지(end index 미포함) value값으로 채웁니다. value배열을 채울 값입니다. start배열을 채울 시작 indexstart가 생략된 경우 기본값은 0입니다. endvalue값을 채울 배열의 종료 index입니다.end가 생략되면 기본값은 배열의 길이(array.length)입니다. 반환값value로 채워진 변경된 배열을 반환합니다. 예제 1)const arr1 = [1, 2, 3, 4];arr1.fill('A');con..

배열 자르기배열의 일부분을 잘라 새로운 배열로 반환하기 위해서는 slice() 메서드를 사용합니다. slice()arr.slice([begin[, end]])slice() 메서드는 잘라낼 배열의 시작 index부터 종료 index를 인자(매개변수, Parameter)로 받아(end index미포함)그 사이 요소들을 새로운 배열로 반환합니다.원본 배열은 변경되지 않습니다. begin잘라낼 배열의 시작 index(0을 시작으로 하며, 음수 인덱스는 배열의 끝에서부터의 길이를 나타냅니다.) end잘라낼 배열의 종료 indexend index는 잘라낼 배열에 포함되지 않습니다.end index가 생략되면 begin index부터 배열의 끝까지(arr.length) 잘라냅니다.만약 end 값이 배열의 길이..

concat() 메서드와 ...spread operator(전개 연산자), push() 메서드를 사용해배열을 합치는 방법을 알아보겠습니다. 1. concat() 메서드2. ...spread operator(전개 연산자)3. push() 메서드와 spread operator 1. concat()concat([valueN])Array 인스턴스의 concat() 메서드는 인자(매개변수, Parameter)로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환합니다. (기존 배열은 변경되지 않습니다.) valueN새 배열로 연결할 배열 또는 값 반환값새로운 배열 const arr = ['a', 'b', 'c'];const newArr = arr.concat(['d', 'e', 'f']);console..

[JavaScript] 배열 앞, 뒤에 요소 추가, 삭제하기 - unshift(), push(), shift(), pop()[JavaScript] 배열의 첫 번째 값, 마지막 값 가져오기 배열의 중간에 요소를 추가, 삭제하는 방법을 알아보겠습니다. 배열의 중간에 요소 추가, 삭제하기배열의 중간에 요소를 추가, 삭제하기 위해서는 splice() 메서드를 사용합니다. splice()array.splice(start[, deleteCount[, item1[, item2[, ...]]]])splice() 메서드는 배열의 기존 요소를 삭제 또는 교체하거나새 요소를 추가하여 배열의 내용을 변경합니다. start배열의 변경을 시작할 index deleteCount배열에서 제거할 요소의 수start index부터 d..

배열의 첫 번째 값과 마지막 값 가져오는 방법을 알아보겠습니다. 배열의 첫 번째 값 가져오기const arr = ["a", "b", "c", "d", "e"];const firstVal = arr[0];console.log(firstVal); // a배열의 index는 0부터 시작합니다.const firstVal = arr[0];배열의 0번째 index값으로 배열의 첫 번째 값을 가져왔습니다. 배열의 마지막 값 가져오기const arr = ["a", "b", "c", "d", "e"];const firstVal = arr[arr.length -1];console.log(firstVal); // econst firstVal = arr[arr.length -1];위 예제에서arr배열의 길이(arr.leng..

배열의 앞과 뒤에 요소를 추가, 삭제하는 방법을 알아보겠습니다. 배열의 맨 앞에 요소 추가: unshift()배열의 맨 앞에 요소 삭제: shift()배열의 맨 뒤에 요소 추가: push()배열의 맨 뒤에 요소 삭제: pop()배열의 중간에 요소 추가, 삭제: splice()배열의 앞, 뒤에 요소 추가하기unshift()arr.unshift([...elementN]);unshift() 메서드는 주어진 값을 배열의 맨 앞쪽에 추가하고, 배열의 새로운 길이를 반환합니다. elementN배열 맨 앞에 추가할 요소 반환값인자(매개변수, Parameter)로 전달된 요소가 추가된 배열의 새로운 길이를 반환합니다. const arr = ["apple", "banana"];arr.unshift('cherry');c..