본문 바로가기
개발일지/JavaScript

javaScript 배열 다뤄보기 1

by 한삐 2022. 8. 23.
728x90

1. 배열 수정

// 배열 변경하기
let Arr = [1,2,3,4,5]

// Arr배열의 0번째를 123으로 수정
Arr[0] = 123 // Arr = [123,2,3,4,5]

// 오브젝트 변경하기
obj = [{id:1,name:'냠냠'},{id:1,name:'뇸뇸'}]
// obj 배열의 0번째 name을 얍얍얍으로 수정
obj[0].name = '얍얍얍' // obj = [{id:1,name:'얍얍얍'},{id:1,name:'뇨뇨뇽'}]

 

2. 배열 정렬

// 문자열 배열
// arr.sort() - 문자열 배열의 경우 알파벳 순서로 정렬(오름차순)
// 파라미터(compareFunction)-매개변수 가 입력되지 않으면 유니코드 순서에 따라 정렬됨


// 숫자열 배열

// 오름차순
arr.sort((a,b)=>a-b)

// 내림차순
arr.sort((a,b)=>b-a)

 

3. 배열 함수

let Arr = [1,2,3,4,5]

    // 배열의 마지막에 새로운 요소를 추가 / 변경된 배열의 길이를 반환
Arr.push(12) // Arr = [1,2,3,4,5,12] / 6

	// 배열의 마지막 요소를 제거 / 한 후, 제거한 요소를 반환
   .pop() // Arr = [1,2,3,4] / 5
   
   // 배열의 첫 번째 자리에 새로운 요소를 추가/ 변경된 배열의 길이를 반환
   .unshift(12) // Arr = [12,1,2,3,4,5] / 6
   
   // 배열의 첫 번째 요소를 제거 /  제거한 요소를 반환
   .shift() // Arr = [2,3,4,5] / 1
   
   // 배열의 1번째 index부터 2개 원소 제거
   .splice(1, 2) // Arr = [1, 4, 5] / [2, 3] 제거됨
   
   // 배열 반전
   .reverse() 배열 반전 // [5,4,3,2,1]
 
728x90

'개발일지 > JavaScript' 카테고리의 다른 글

javaScript axios 사용하기  (0) 2022.08.27
javaScript 배열 다뤄보기 2  (0) 2022.08.24
시간상 사각지대 TDZ  (0) 2022.08.16
js 반복문 다뤄보기  (0) 2022.08.09
JS 계산 / 날짜 / 문자 메서드  (0) 2022.08.09

댓글