Javascript(11)

.pop()
대상 배열에서 마지막 요소를 제거하고 그 요소를 반환한다. 대상 배열 원본이 변경된다.

.pop()

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

console.log(fruits.pop())//Cherry

console.log(fruits)//['Apple','Banana']

 

 

 

.push()
대상 배열의 마지막에 하나 이상의 요소를 추가하고, 배열의 새로운 길이를 반환한다. 대상 배열 원본이 변경된다.

.push()

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

const newLength = fruits.push('Orange')

console.log(newLength)//4

console.log(fruits)//['Apple','Banana','Cherry','Orange']

fruits.push('Mango','Strawberry')

console.log(fruits)//['Apple','Banana','Cherry','Mango','Strawberry']

 

 

 

.reduce()
대상 배열의 길이만큼 주어진 콜백을 실행하고, 마지막에 호출되는 콜백의 반환 값을 반환합니다.
각 콜백의 반환 값은 다음 콜백으로 전달됩니다.

.reduce()

const numbers = [1,2,3]

const sum = numbers.reduce((accumlator,currentValue)=>{

    return accumlator + currentValue

},0)

console.log(sum)//6

const users=[

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

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

    {name:'Lewis',age:11}

]

총 나이 계

const totalAge = users.reduce((acc,cur)=>{

    return acc + cur.age

},0)

console.log(totalAge)//118

console.log((totalAge / users.length).toFixed(1))//39.33333333333336

//console.log(`평균 나이:${(totalAge / users.length).toFixed(1)}세`)//39.3세

모든 이름 추출

const namesArray = users.reduce((acc,cur)=>{

    acc.push(cur.name)

    return acc

},[])

const names = namesArray.join(', ')

console.log(names)//Neo,Amy,Lewis

 

 

 

.reverse()
대상 배열의 순서를 반환한다. 대상 배열 원본이 변경된다.

.reverse()

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

const reverse = arr.reverse()

console.log(reverse)//['C','B','A']

console.log(arr)//['C','B','A']

 

 

.shift()
대상 배열에서 첫 번쨰 요소를 제거하고, 제거된 요소를 반환한다. 대상 배열 원본이 변경된다.

.shift()

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

console.log(arr.shift())//A

console.log(arr)//['B','C']

 

 

 

.slice()
대상 배열의 일부를 추출해 새로운 배열을 반환한다.

두 번쨰 인수 직전까지 추출하고, 두 번쨰 인수를 생략하면 대상 배열의 끝까지 추출한다.

.slice()

const arr = ['A','B','C','D','E','F','G']

console.log(arr.slice(0,3))//['A','B','C']

console.log(arr.slice(4,-1))//['E','F']

console.log(arr.slice(4))//['E','F','G']

console.log(arr)//['A','B','C','D','E','F','G']

 

 

 

.some()
대상 배열의 어떤 요소라도 콜백 테스트를 통과하는지 확인한다.

.some()

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

const isVaild =arr.some(item => item>3)

console.log(isVaild)//true

 

 

 

.sort()
대상 배열을 콜백의 반환 값(음수, 양수, 0)에 따라 정렬한다.

 콜백을 제공하지 않으면, 요소를 문자열로 변환하고 유니코드 코드 포인트 순서로 정렬한다. 대상 배열 원본이 변경된다.

.sort()

const numbers =[4,17,2,103,3,1,0]

numbers.sort()

console.log(numbers)//[0,1,103,17,2,3,4]

numbers.sort((a,b)=>a-b)//[0,1,2,3,4,17,103]

console.log(numbers)

numbers.sort((a,b)=>b-a)//[103,17,4,3,2,1,0]

console.log(numbers)

const users=[

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

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

    {name:'Lewis',age:11}

]

users.sort((a,b)=>a.age=b.age)

console.log(users)

아니면,

users.sort((a,b)=>b.age-a.age)

console.log(users)