ES6/ES7 일반 구문 레코드

일반적인 ES6/ES7 구문 문서화

1. 배열인지 확인

1. instanceof 방법

const arr = new Array() // const arr = []
arr instanceod Array //true

2. constructor 속성
대상에 대응하는 구조 함수를 되돌려줍니다.

const arr = new Array()
arr.constructor === Array //true

3. isArray() 방법

const arr = new Array()
Array.isArray(arr) //true

2. 수조와 문자열 상호 변환

1. 배열 문자열: join()

const arr = ["1","2","3"]
const arrToString = arr.join(',')
console.log(arrToString)	//1，2，3

2. 문자열 배열: split()

const str = '1,2,3'
const stringToArr = str.split(',')
console.log(stringToArr)	//["1","2","3"]

3. 그룹 반전

reverse() 원수조를 조작하고 처리된 원수조를 되돌려줍니다

const arr = ["1","2","3"]
const arrReverse = arr.reverse()
console.log(arrReverse)	//["3","2","1"]

4. 수조 제거

[...new Set(arr)]

const arr = ["1","2","3","1"]
const newArr = [...new Set(arr)]
console.log(newArr)	//["2","3","1"]

배열 정렬

arr.sort(): 원수조를 조작하고 처리된 원수조를 되돌려줍니다sort() 방법은 수조의 원소를 정렬하고 원수조를 되돌려주는 데 사용된다. ， UniCode 정렬

// 
const arr = ["a","c","b","d"]
const newArr = arr.sort()
console.log(newArr)	//["a", "b", "c", "d"]

// 
const arr2 = [1,3,2,0]
const newArr2 = arr.sort((a,b)=>{
    return a-b  // 
})
const newArr3 = arr.sort((a,b)=>{
    return b-a // 
})
console.log(newArr2) //[0,1,2,3]
console.log(newArr3) //[3,2,1,0]

6. 원소가 수조에 있는 위치

1. find(): 첫 번째 조건에 부합되는 수조 요소를 찾아내고 만족true을 하면 되돌아와 다시 실행하지 않는다.

[1,-2,-3].find(v=>v<0)
//-2

2. includes(): 지정한 값을 포함하는지 여부는 문자열에도 적용됩니다.

[1,-2,-3].includes(1)
//true

3. startsWith(): 지정된 값으로 시작할지 여부

'hellow'.startsWith('he')
//true

4.endsWith(): 지정된 값으로 끝날지 여부

'hellow'.endsWith('ow')
//true

7. 수조의 반복과 교체

1. arr.filter(): 조건에 맞는 새 그룹을 되돌려줍니다

const arr = [1,2,3,4,5]
const filterArr = arr.filter(v=>v>3)
console.log(filterArr)   //[4,5]

2. arr.every(): 모든 원소가 조건에 만족하는지 판단하고 전부 true만 반환true

const arr = [1,2,3,4,5]
const everyArr = arr.every(v=>v>0)
console.log(everyArr)   //true

3. arr.some(): 원소 만족 조건이 존재하는지 판단하고 하나가 true면 되돌아온다true

const arr = [1,2,3,4,5]
const someArr = arr.some(v=>v>4)
console.log(someArr)   //true

4,arr.map(): 순환 수조, 모든 원소가 리셋 함수 조작을 거친 후의 리셋 값으로 새로운 수조 리셋을 구성한다

const arr = [1,2,3,4,5]
const mapArr = arr.map(v=>v+1)
console.log(mapArr)   //[2,3,4,5,6]

5.array.forEach(callbak) 수조의 모든 요소에 대응하는 방법을 실행한다.

let a = [1, 2, 3, 4, 5];

let b = [];
a.forEach((item) => {
    b.push(item + 1);
});
console.log(b); // [2,3,4,5,6]

8. 확장 연산자

...: 하나의 그룹을 쉼표로 구분된 매개 변수 서열로 바꿉니다.

console.log(...[1,2,3]);  // 1 2 3

지속 레코드...