Array

OwlSuri·2022년 7월 8일
0

JavaScript

목록 보기
5/9

push() : 뒤에 삽입
pop() : 뒤에 삭제
unshift() : 앞에 삽입
shift() : 앞에 삭제

arr.splice(n,m) : 특정요소 지움, n번째 인덱스부터 m개 지움

let arr = [1, 2, 3, 4, 5]
arr.splice(1, 2) //[1,4,5]

arr.splice(n,m,x) : 특정요소 지움, n번째 인덱스부터 m개 지우고, 지운 자리에 x추가

let arr1 = [1, 2, 3, 4, 5]
arr1.splice(1, 3, 100, 200) //[1,100,200,5]

let arr2 = ["수리는", "우리집", "강아지입니다"]
arr2.splice(1, 0, "공놀이를 좋아하는", "4살")
// ["수리는", "공놀이를 좋아하는", "4살", "우리집", "강아지입니다"]

arr.splice() : 삭제된 요소 반환

let arr = [1,2,3,4,5]
let result = arr.splice(1,2)

console.log(arr) // [1,4,5]
console.log(result) // [2,3]

arr.concat(arr2, arr3 ..) : 합쳐서 새배열 반환

let arr = [1,2]
arr.concat([3,4]) // [1,2,3,4]
arr.concar([3,4],5,6) // [1,2,3,4,5,6]

arr.forEach(fn) : 배열 반복

let users = ['A', 'B', 'C']
users.forEach((name, index) => {
	console.log(`${index+1}. ${name}`) // 1. A   2. B   3. C
})

arr.indexof / arr.lastIndexOf

let arr = [1,2,3,4,5,1,2,3]
arr.indexOf(3) // 2 - 처음 만나는 3의 인덱스
arr.indexOf(3,3) // 7 - index 3이후에 만나는 3의 인덱스
arr.lastIndexof(3) // 7  - 뒤에서부터 처음 만나는 3의 인덱스

arr.includes() : 포함하는지 여부만 확인

let arr = [1,2,3]
arr.includes(2) // true
arr.includes(8) // false

arr.find(fn) / arr.findIndex(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 : "A", age: 34 },
  { name : "B", age: 29 },
  { name : "C", age: 4 },
]
// 객체라서 indexOf를 사용하기 어려울때 find 사용

const result = userList.find((user) => {
	if(user.age < 19){
    	return true
    }
  return false
})
console.log(result)  // { name : "C", age: 4 } - true만 반환

arr.filter(fn) : 만족하는 모든 요소를 배열로 반환


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

const result = arr.filter((item) => {
	return item % 2 === 0
})

console.log(result) // [2,4]

arr.reverse() : 역순으로 재정렬

let arr = [1,2,3,4,5]
arr.reverse() // [5,4,3,2,1]

arr.map(fn) : 함수를 받아 특정시능을 시행하고 새로운 배열을 반환

let userList = [
  { name : "A", age: 34 },
  { name : "B", age: 29 },
  { name : "C", age: 4 },
]

let newUserList = userList.map((user,index) =>(
	return Object.assign({}, user,{
                               id: index + 1
                               isAdult: user.age > 19,
                               })
))

console.log(newUserList) // { name : "A", age: 34, id : 1, isAdult : true },
						//  { name : "B", age: 29, id : 2, isAdult : true },
  						// { name : "C", age: 4, id : 3, isAdult : false },

join : 배열을 합쳐서 문자열로 반환

let arr = ["Hi","I am", "Suri"]
let result = arr.join(' ')

console.log(result) // Hi I am Suri

split : 문자열을 쪼개어 배열로 반환

let arr = "Hi,I am,Suri"
let result = arr.split(',')

console.log(result) // ["Hi","I am", "Suri"]

Array.isArray() : 배열인지 여부

let arr = ["Hi","I am", "Suri"]

let userList = [
  { name : "A", age: 34 },
  { name : "B", age: 29 },
  { name : "C", age: 4 },
]

console.log(typeof arr) //object
console.log(typeof userList) //object

console.log(Array.isArray(arr)) //true
console.log(Array.isArray(userList)) //false
profile
기억이 안되면, 기록을 -

0개의 댓글