안녕하세요 여러분 오늘 저는 예제와 함께 javascript Array 메서드에 대한 간략한 개요를 제공할 것입니다.

시작하자...

리버스() 메서드 -

배열을 뒤집는 데 사용됩니다.

const array = [1,2,3,4,5]
console.log(array.reverse())
// [ 5, 4, 3, 2, 1 ]

정렬() 메서드 -

이것은 배열을 정렬하는 데 사용되며 우리가 논의할 몇 가지 예외도 있습니다.

const array1 = [5,4,3,2,1]
console.log(array1.sort())
// [ 1, 2, 3, 4, 5 ]

// Exception
const array2 = [5,4,10,3,2,1]
console.log(array2.sort())
// [ 1, 10, 2, 3, 4, 5 ]

const exceptionSort = array2.sort((a,b) =>  a - b)
console.log(exceptionSort)
// [ 1, 2, 3, 4, 5, 10 ] - fixed

가입하다 -

구분 기호로 결합하여 배열 요소의 문자열을 만드는 데 사용됩니다. 예를 보면 이해할 수 있습니다.

const array1 = [5,4,3,2,1]

const hypherSeparator = array1.join("-")
const commaSeparator = array1.join(",")
console.log(hypherSeparator)
console.log(commaSeparator)
// 5-4-3-2-1
// 5,4,3,2,1

toString() 메서드 -

쉼표로 구분된 배열 요소의 문자열 표현을 제공하는 데 사용됩니다.

const array1 = [5,4,3,2,1]
const array2 = [5,4,10,3,2,1]

console.log(array1.toString())

// 5,4,3,2,1

푸시() 및 팝() 메서드 -

Push 방식은 배열의 끝에 요소를 삽입하는 데 사용되며 pop 방식은 배열의 마지막 요소를 제거하는 데 사용됩니다.

const array1 = [5,4,3,2,1]
const array2 = [5,4,10,3,2,1]

array1.push(6,7,8)
console.log(array1)
// [5, 4, 3, 2, 1, 6, 7, 8]

array1.pop()
console.log(array1)
// [5, 4, 3, 2, 1, 6, 7]

Shift() 및 unshift() 메서드 -

Shift 방식은 배열에서 첫 번째 요소를 제거하는 데 사용되며 unshift 방식은 배열의 시작 부분에 요소를 삽입하는 데 사용됩니다.

const array1 = [5,4,3,2,1]
const array2 = [5,4,10,3,2,1]

array1.unshift(6,7,8)
console.log(array1)
// [6, 7, 8, 5, 4, 3, 2, 1]

array1.shift()
console.log(array1)
// [7, 8, 5, 4, 3, 2, 1]

Concat() 메서드 -

둘 이상의 배열을 함께 병합하는 데 사용됩니다.

const array1 = [5,4,3,2,1]
const array2 = [5,4,10,3,2,1]
const array3 = ["A","B","C","D","E"]

const mergedArray = array1.concat(array2,array3)
console.log(mergedArray)
// [
//   5,   4,   3,   2,   1, 5,
//   4,   10,  3,   2,   1, 'A',
//   'B', 'C', 'D', 'E'
// ]

Splice() 메서드 -

splice 메서드는 배열의 모든 인덱스에서 모든 요소 또는 원하는 수의 요소를 제거하고, 배열의 모든 인덱스에 원하는 수의 요소를 삽입하고, 모든 인덱스의 요소를 원하는 수의 요소로 대체하는 데 사용됩니다.

가장 중요한 것은 원래 배열을 변경하므로 이 방법을 사용하는 동안 주의해야 한다는 것입니다.

const array1 = [1,2,3,4,5];

// remove all elements starting from index 2(inclusive)
const removeAll = array1.splice(2);
// output - [1,2]

// remove two elements starting from index 1 (inclusive)
const removeTwo = array1.splice(1,2)
// output - [1,4,5]

// remove 0 elements and insert two elements before index 2
const removeAndInsert = array1.splice(2,0,99,100)
// output - [1,2,99,100,3,4,5]

// remove two elements and insert four elements before index 2
const removeTwoAndInsert = array1.splice(2,2,101,102,103,104);
// output - [1,2,101,102,103,104,5]

// remove all elements from negative Index -2 means 2nd element from last
const negativeIndexing = array1.splice(-2)
// [1,2,3]

// remove one element from negative Index -2 
// means 2nd element from last and insert 3 elements there
const negativeIndexingRemove = array1.splice(-2,1,10,11,12)
// output - [1,2,3,10,11,12,5]


// if we try to change the values inside function
// it will still change the original array 
const changeArray = (arr) => {
  return arr.splice(1,1)
}
changeArray(array1)

슬라이스() 메서드 -

슬라이싱은 슬라이싱의 시작 및 끝 위치에 대한 인덱스 번호를 사용하여 배열의 특정 부분을 슬라이스하고 반환하는 데 사용됩니다.

const array = [1,2,3,4,5,6,7,8,9]

const objectArray = [
  {
    name:"shubham",age:21
  },
  {
    name:"shivam",age:25
  },
  {
    name:"abhishek",age:22
  },
]

// only start index and it will slice the array from index 2
// upto last element of the array
const sliceStart = array.slice(2)
// [3, 4, 5, 6, 7, 8, 9]

// start and end index
const sliceStartEnd = array.slice(2,4)
// [3, 4, 8, 9]

// negative index
const negativeSlice = array.slice(-2)
// [8, 9]

// negtive end index with positive start index
const negativeSliceStartEnd = array.slice(1,-2)
// [ 2, 3, 4, 5, 6, 7 ]


// slicing object array
const objectArraySlicing = objectArray.slice(1,3)
// [ { name: 'shivam', age: 25 }, 
// { name: 'abhishek', age: 22 } ]

indexOf() 메서드 -

indexOf() 메서드는 배열 또는 문자열에서 값이 처음 나타나는 위치를 반환합니다.

const array = [1,2,3,4,5,6,7,8,9]
const str = "hello"

console.log(str.indexOf("l"))
// 2

console.log(array.indexOf(4))
// 3

찾기() 메서드 -

Find 메서드는 배열의 각 값에 대해 테스트 함수를 실행하고 테스트를 통과하는 첫 번째 요소를 반환합니다.

const array = [3, 10, 18, 20];

function checkNumber(num) {
  return num > 10;
}

console.log(array.find(checkNumber))
// 18 

포함() 메서드 -

찾으려는 값이 배열에 포함되어 있으면 true를 반환합니다.

const array = [3, 10, 18, 20];

console.log(array.includes(18))
// true 

console.log(array.includes(19))
// false

some() 및 every() 메서드 -

Some() 메서드는 제공된 특정 조건에 대해 배열의 모든 요소를 ​​확인하고 하나의 요소가 test 를 통과하더라도 true를 반환합니다.

Every() 메서드는 제공된 특정 조건에 대해 배열의 모든 요소를 ​​확인하고 배열의 모든 요소가 해당 테스트를 통과하는 경우에만 true를 반환합니다.

const array = [3, 10, 18, 20];

function checkNumber(num) {
  return num >= 10;
}

console.log(array.some(checkNumber))
// true

console.log(array.every(checkNumber))
// false

플랫() 메서드 -

플랫 방법은 2차원 이상의 배열에서 1차원 배열로 배열을 평면화하는 데 사용됩니다. 배열이 평면화해야 하는 최대 차원과 같은 차원을 지정할 수도 있습니다. 배열 안에 3차원 배열이 있는 것처럼 flat() 매개변수에 깊이로 3을 전달해야 합니다. 그렇지 않으면 배열을 2차원까지만 평평하게 만듭니다.

const arr1 = [10, 19, 24, [34, 43],[[[13, 41]]]];

console.log(arr1.flat());
// [ 10, 19, 24, 34, 43, [ [ 13, 41 ] ] ]

console.log(arr1.flat(3));
// [ 10, 19, 24, 34, 43,  13, 41 ]

참고 - 때때로 이러한 방법은 일부 예외적인 경우에 사용하는 동안 다르게 작동하므로 이러한 방법을 사용하여 예외적인 동작을 찾으십시오.

이 게시물을 확인해 주셔서 감사합니다.

저에게 연락하실 수 있습니다 -
인스 타 그램 -
링크드인 -
이메일 - [email protected]

^^ 아래 링크에서 기부로 저를 도울 수 있습니다 감사합니다👇👇 ^^
☕ --> https://www.buymeacoffee.com/waaduheck <--

이 게시물도 확인하십시오.