이 자세한 블로그에서는 JavaScript의 모든 기본 배열 메서드와 작업을 보고 배울 것입니다.

배열이란 무엇입니까?

배열은 논리적으로 관련이 있을 수도 있고 아닐 수도 있는 변수 이름으로 항목 컬렉션을 저장할 수 있는 데이터 구조입니다. 일반적으로 인덱스 또는 키로 액세스합니다.

자바스크립트 배열 구문

const your_arrayname =[item1,item2,...]

배열은 크기를 조정할 수 있으며 모든 유형을 가질 수 있습니다.

["Adarsh",5,true] 

["first","second","third","fourth"]
// 0        1        2        3         <- Index

arrayname[0] // returns first item in array
arrayname[1] // returns second item in array

다음 두 가지 방법으로 배열을 만들 수 있습니다.

const your_arrayname =[item1,item2,...]
OR
const your_arrayname = new Array(item1,item2,...)

1. 배열의 길이

const billionaries =["Bill Gates","Warren Buffet","Elon Musk","Adarsh"]
billionaries.length   // 4

const billionaries =["Bill Gates","Warren Buffet","Elon Musk","Adarsh"]
for(let i=0;i<billionaries.length;i++){
console.log(billionaries[i])
}
//result
Bill Gates
Warren Buffet
Elon Musk
Adarsh

const billionaries =["Bill Gates","Warren Buffet","Elon Musk","Adarsh"]
billionaries.push("Adarsh Gupta 2")
//result 
["Bill Gates","Warren Buffet","Elon Musk","Adarsh","Adarsh Gupta 2"]

방법:pop()

billionaires.pop() 
//return the last element and removes it from the array

방법: shift()

const billionaries =["Bill Gates","Warren Buffet","Elon Musk"]
billionares.shift()//return Bill Gates and removes it from the array

방법:unshift()

const billionaries =["Bill Gates","Warren Buffet","Elon Musk"]
billionares.unshift("Adarsh") // return array length and add adarsh to the array

방법:concat()

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var arr3 = arr1.concat(arr2);
console.log(arr3);
// [1,2,3,4,5,6]

방법:splice(start,end,...items)

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
//['Banana', 'Orange', 'Lemon', 'Kiwi', 'Apple', 'Mango']

방법:slice()

const WWE = ["Cena", "Randy", "Rey", "UnderTaker", "HHH"];
const WWEFAME = WWE.slice(1);
WWE = ["Cena", "Randy", "Rey", "UnderTaker", "HHH"]
WWEFAME = [ "Randy", "Rey", "UnderTaker", "HHH"]

방법:sort()

const words_Letters=["a","e","b","c","alpha","beta","gamma"]
words_Letters.sort()
['a', 'alpha', 'b', 'beta', 'c', 'e', 'gamma']
const num=[1,33,2,44,54,13,4,23,11]
num.sort() //not numerically but alphabeticaly
[1, 11, 13, 2, 23, 33, 4, 44, 54]

먼저 다음을 사용하여 정렬 sort()한 다음 역순으로 사용reverse()

12. 숫자 배열 반전

const num=[1,33,2,44,54,13,4,23,11]
num.sort((a,b)=>{return a-b})

방법:flat()

[1, [2, [3, 4], 5], 6, [7, 8]].flat(Infinity)
//[1, 2, 3, 4, 5, 6, 7, 8]

방법:map()

[1, 2, 3, 4, 5, 6, 7, 8].map(a=>console.log(a))

const array1 = [1, 2, 3]
const array2 = [4, 5, 6]
const newArray = [...array1, ...array2]

console.log(newArray)
// [1, 2, 3, 4, 5, 6]
onst array = ['A', 'B', 'C', 'D', 'E']
const [first, second, ...remaining] = array

console.log(first)
// A
console.log(second)
// B
console.log(remaining)
// ["C","D","E"]

filter() 메서드는 배열에서 각 요소를 가져와서 조건문을 적용합니다.

let num1 = [1,2, 3, 4, 5, 6, 7, 8];
let data = num1.filter((value)=> return value%2==0)
 // data =[2,4,6,8]

이 상세한 스레드가 유용했으면 합니다 . JavaScript, 웹 개발 등에 대한 더 많은 내용을 보려면 Medium 및 Twitter 핸들 Adarsh ​​Gupta 에서 저를 팔로우하십시오.

구성 가능한 웹 애플리케이션 빌드

웹 모노리스를 구축하지 마십시오. Bit 를 사용 하여 React 또는 Node.js와 같은 즐겨 사용하는 프레임워크에서 분리된 소프트웨어 구성 요소를 만들고 구성할 수 있습니다. 강력하고 즐거운 개발 경험으로 확장 가능한 모듈식 애플리케이션을 구축하십시오.

팀을 Bit Cloud 로 가져와 구성 요소를 함께 호스팅 및 공동 작업하고 팀으로서 개발 속도를 높이고 확장하고 표준화하십시오. 디자인 시스템 또는 마이크로 프론트 엔드 로 구성 가능한 프론트엔드 를 시도 하거나 서버측 구성 요소로 구성 가능한 백엔드 를 탐색하십시오 .

한번 해보세요 →

더 알아보기