[Javascript] 배열

woo·2022년 8월 17일
0

Javascript

목록 보기
5/8

참고강의

array

array.push() // 뒤에 삽입
array.pop() // 뒤에 삭제
array.unshift() // 앞에 삽입
array.shift() // 앞에 삭제
array.splice(n,m) // n번째부터 m개 삭제 후 반환
array.slice(n,m) // n부터 m-1까지 반환

array.splice(n,m,x) // n번째부터 m개 삭제 후 그 자리에 x추가
let arr = ["나는", "철수", "입니다"]
arr.splice(1,0,"대한민국","소방관")
console.log(arr) // ["나는","대한민국","소방관", "철수", "입니다"]

arr1.concat(arr2) // arr1 + arr2 합쳐서 새 배열 반환

array.forEach(arr) // 배열 반복
let users = ["Kim", "Lee", "Park"]
users.forEach((userName, index, arr) => {
  console.log(userName) // "Kim", "Lee", "Park"
  console.log(index) // 0,1,2
  console.log(arr) // ["Kim", "Lee", "Park"]
})

array.indexOf(text) // text 인덱스 반환, 없으면 -1
array.includes(text) // text를 포함하고 있으면 true

array.find(fn) // 함수를 이용해서 요소 찾기, 첫번째 true만 반환, 없으면 undefined 반환
let arr = [1,2,3,4,5];
const result = arr.find((item) => {
  	return item % 2 === 0;
})
console.log(result) // 2
let userList = [
  { name : "Kim", age : 30 },
  { name : "Lee", age : 26 },
  { name : "Park", age : 22 },
];
const result = userList.find((user) => {
	if(user.age < 25){
      console.log(user) // { name : "Park", age : 22 }
    }
})

array.filter(fn) // 만족하는 모든 요소 반환
const result = userList.filter((user) => {
	if(user.age < 28
      console.log(user) // { name : "Lee", age : 26 },  name : "Park", age : 22 }
    }
})

array.map(fn) // 함수를 받아 특정 기능을 시행하고 새로운 배열 반환
const newUserList = userList.map((user, index) => {
	return Object.assgin({}, user, {
    	id : index+1,
    })
})

array.sort() // 배열 재정렬
array.sort(((a,b) => a - b)) // 배열 오름차순
array.reverse() // 배열 내림차순(역순) 정렬

array.reduce((누적 계산값, 초기값) => {
	return 누적 계산값 + 현재값
},초기값?)

let arr = [1,2,3,4,5]
const result = arr.reduce((prev, currnet) => {
	return prev + currnet
},0)
console.log(result) // 0
profile
🌱 매일 성장하는 개발자

0개의 댓글