es6

function addMart() {
let newData = [];
for(let i=0; i<arguments.length; i++){
newData.push(arguments[i]+"!");
}
console.log(newData);
}
addMart(1,2,3,4,5);

let newArr = Array.from(arguments);
lew newData = newwArr.map(function(value){
return value + "!";
});

두번째는 map 활용, arguments는 배열이 아니므로 Array.from 사용

arguments 인자를 활용해서 위와 같이 사용가능

펼침연산자 (...)

let data1 = ["apple", "orange"];

let data2 = [...pre];

data1과 data2의 출력이 동일, 하지만 동일 데이터는 아님

메모리 새로운 공간에 copy 한것 같은참조 X

data2 = [1,2,...pre,3]; 과 같이도 사용 가능

func(...data); 와 같이 함수 인자로도 가능

기존에는 apply함수

https://beomy.tistory.com/4

https://basemenks.tistory.com/15

destructuring

배열에서

let des = [1,2,3,4];
let [first, ,second] = des;
console.log(first,second);

하면 first에 해당하는 index[0] 에 있는 1과 second에 해당하는 index[2]에 있는 3이 출력됨.

object에서

let obj = {
name : "now",
address: "Korea",
}

let {name,address} = obj;
console.log(name,address);

위와같이 출력가능

let {name:myName, age:myAge} = obj; 와 같이 하면 이름을 바꾸는 것도 가능

JSON파싱

event 사용시에

eventlistner("click",function(event){

console.log(event.target);

}

와 같은 방식으로 사용했는데

eventlistner("click",function({target}){

console.log(target.tagName);

}

와 같은 방식으로 가볍게 전달할 수 있도록 바로 target을 넘기는 방식으로도 사용 가능

set

중복없이 유일한 값을 저장, 이미존재하는지 체크

let mySet = new Set();
mySet.add("a");
mySet.add("b");
mySet.add("a");

로 하면 a b 하나씩만 있음

.delete로 삭제

mySet.has("a"); 면 true

Array.from 으로 배열로만든다.

export import

export default ~~

파일에서 어떤 걸 가져오면 default export로 내보낸걸 가져옴

import (object) from './~~js'

export const variable = 10;

import {variable} from '/~.js'

특정한 이름을 중괄호 사이에 입력해줘야함

여러개의 named export가 있으면 *을 사용해

import * as bundled from './~~~.js'

'웹 > js' 카테고리의 다른 글

js api (0)	2022.07.02
js toDoList filter (0)	2022.07.01
js toDolist localStorage arrow function (0)	2022.06.30
js todoList (0)	2022.06.29
js 랜덤 활용 (0)	2022.06.28