자바스크립트: 배열

2901 단어 beginnersjavascript
  • 어레이 생성: let arrayName = ['item1','item2','item3'];
  • array.length는 배열의 항목 수를 보여줍니다.
  • array.push('item4','item5')는 끝에 있는 배열에 항목을 추가할 수 있습니다.
  • array.pop()에 인수가 없으면 배열의 마지막 항목을 삭제합니다.
  • array.shift() 배열의 첫 번째 항목을 제거합니다.array.unshift('item0') 배열의 시작 부분에 항목을 추가합니다.
  • array.join()는 배열 요소를 ,와 연결할 수 있습니다.
    • array.join('') : 각 요소 사이에 공백이 없습니다.
    array.join('-')는 각 요소를 -와 연결합니다.
  • array.slice(begin, end(optional))는 돌연변이가 아닙니다.

    • 예를 들어:

    array = [1,2,3,4,5,6];
console.log(array.slice(2));   //output: [3, 4, 5, 6]
console.log(array.slice(2,4));  //output: [3, 4]
console.log(array);  //output: [1,2,3,4,5,6]


  • array.indexOf('item2')는 요소의 인덱스를 반환합니다.
  • let 배열은 변경 가능하며 재할당할 수 있습니다.
    • const 배열은 변경 가능하지만 재할당할 수 없습니다.

    예를 들어:

    let arrayOne = [1,2,3,4,5]
arrayOne[2] = 8;
console.log(arrayOne);   //output: [1, 2, 8, 4, 5]
arrayOne = ['This','is','a','new','array'];
console.log(arrayOne);   //output: ["This", "is", "a", "new", "array"]




    const arrayTwo = [1,2,3,4,5]
arrayOne[2] = 8;
console.log(arrayTwo);   //output: [1, 2, 8, 4, 5]
arrayTwo = ['This','is','a','new','array'];   //output: TypeError: Attempted to assign to readonly property.


  • .forEach()는 배열의 모든 요소를 ​​통과하고 정의되지 않은 값을 반환합니다. (함수 본문 내부에 반환되지 않음)
  • .map() 배열의 모든 요소에 대해 동일한 작업을 실행하고 새 배열을 반환합니다.
  • .filter()는 배열의 모든 요소를 ​​확인하고 기준을 충족하는 항목을 반환합니다.
  • .findIndex()는 배열에서 조건을 충족하는 첫 번째 요소의 인덱스를 반환합니다.
  • .every()는 부울 값을 반환합니다.
  • .reduce()는 배열을 통과하여 하나의 값을 반환할 수 있습니다.

    • 예를 들어:

    const numbers = [1,2,3,4,5,6];
const sum = numbers.reduce((accumulator, currentValue)=>{
  return accumulator + currentValue;
});
console.log(sum);    //output: 21


  • .split(' ')는 문자열을 ' '로 구분하고 각 단어를 배열의 요소로 저장합니다. 변수는 해당 배열을 객체로 사용합니다.
  • 객체가 배열인지 여부를 테스트하려면 Array.isArray(objectName) 를 사용하십시오.
  • Array.sort((x,y)=>y-x) 또는 array.reverse(array.sort())는 배열을 내림차순으로 반환합니다
    • .
  • Array.includes() 배열의 항목 중 특정 값이 포함되어 있는지 여부를 반환합니다. string.match()는 특정 표현식과 일치하는 문자열의 결과를 반환합니다.
    • Waffleweb으로 기본 API를 만드는 방법
    폐역 네트워크를 이용한 애플리케이션 간 통신 실현

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage