Javascript(10)

.length
배열의 길이(숫자)를 반환합니다.

.length

const arr = ['A','B','C']

console.log(arr.length)

 

 

 

.at()
대상 배열을 인덱싱한다. 음수 값을 사용하면 뒤에서부터 인덱싱한다.

.at()

const arr=['A','B','C']

console.log(arr(0))

console.log(arr.at(0))

console.log(arr[arr.length -1])

console.log(arr.at(-1))

 

 

 

.concat()
대상 배열과 주어진 배열을 병합해 새로운 배열을 반환한다.

.concat()

const arr1 =['A','B','C']

const arr2 =['D','E','F']

const arr3 =arr1.concat(arr2)

console.log(arr1)

console.log(arr2)

console.log(arr3)

const arr1 =['A','B','C']

const arr2 =['D','E','F']

// const arr3 =arr1.concat(arr2)

const arr3=[...['A','B','C'],...['D','E','F']]

console.log(arr1)

console.log(arr2)

console.log(arr3)

 

 

 

.every()
대상 배열의 모든 요소가 콜백 테스트에서 참(Truthy)을 반환하는지 확인한다.

.every()

const arr = [1,2,3,4]

const isValid = arr.every(item =>item <5)

console.log(isValid)//true

const arr = [1,2,3,4]

const isValid = arr.every(item =>{

    return item <5

})

console.log(isValid)//true

 

 

 

.filter()
주어진 콜백 테스트를 통과(참(Truthy)을 반환)하는 모든 요소를 새로운 배열로 반환한다.
모든 요소가 테스트를 통과하지 못하면 빈 배열을 반환한다.

.filter()

const numbers = [1,20,7,9,104,0,58]

const filteredNumbers = numbers.filter(number =>number <30)

console.log(filteredNumbers)//[1,20,7,9,0]

const users =[

    {name:'Neo',age:85},

    {name:'Amy',age:22},

    {name:'Lewis',age:11}

]

const adults = users.filter(user =>{

    return user.age >=19

})

console.log(adults)

 

 

 

.find()
대상 배열에서 콜백 테스트를 통과하는 첫번째 요소를 반환한다.

.find()

const arr = [5,8,130,12,44]

const foundItem = arr.find(item =>item >10)

console.log(foundItem)//130

const users=[

    {name:'Neo',age:85},

    {name:'Amy',age:22},

    {name:'Lewis',age:11}

]

const foundItem = users.find(user => user.name === 'Amy')

console.log(foundUser)//{name:'Amy',age:22}

 

 

 

.find()??? 수정
대상 배열에서 콜백 테스트를 통과하는 첫번째 요소의 인덱스를 반환한다.

.find()

const arr = [5,8,130,12,44]

//           0 1 2   3  4

const index = arr.findIndex(item =>item >10)

console.log(index)//2

 

 

 

.flat()
대상 배열의 모든 하위 배열을 지정한 깊이(Depth)까지 이어붙인 새로운 배열을 생성한다.
깊이의 기본값은 '1'다.

.flat()

const arr = [1,2,[3,4]]

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

const arr = [1,2,[3,4[5,6]]]

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

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

const arr = [1,2,[3,4[5,6,[7,8]]]]

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

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

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

 

 

 

.forEach()
대상 배열의 길이만큼 주어진 콜백을 실행한다. 종료 불가하다.

.forEach()

const arr = ['A','B','C']

arr.forEach(item => console.log(item))

for(let i = 0; i<arr.length;i+=1){

    console.log(arr[i])//ABCABC

}

 

 

 

.includes()
대상 배열이 특정 요소를 포함하고 있는지 확인한다.

.includes()

const arr = [1,2,3]

console.log(arr.includes(2))//true

const fruits = ['Apple','Banana','Cherry']

console.log(fruits.includes('Apple'))//true

console.log(fruits.includes('cherry'))//false

 

const users=[

    {name:'Neo',age:85},

    {name:'Amy',age:22},

    {name:'Lewis',age:11}

]

console.log(users.includes({name:'Neo',age:85}))//false

const neo = users[0]

console.log(users.includes(neo))//true

 

 

 

.join()
대상 배열의 모든 요소를 구분자로 연결한 문자를 반환한다.

.join()

const arr = ['Apple','Banana','Cherry']

console.log(arr.join())//Apple,Banana,Cherry

console.log(arr.join(', '))//Apple, Banana, Cherry

console.log(arr.join('/'))//Apple/Banana/Cherry

 

 

 

.map()
대상 배열의 길이만큼 콜백을 실행하고, 콜백의 반환 값을 모아 새로운 배열을 반환한다.

.map()

const numbers = [1,2,3,4]

const newNumbers = numbers.map(item => item*2)

console.log(newNumbers)//[2,4,6,8]

const users=[

    {name:'Neo',age:85},

    {name:'Amy',age:22},

    {name:'Lewis',age:11}

]

const newNumbers = users.map(user =>{

    return{

        ...user,

        isVaild:true,

        email:null

    }

})

console.log(newUsers)

 

감기몸살에 걸려서 이틀간은 올리지 못하였따.