JS연습하기5(split.map.filter.onload)

JS 2022. 1. 9. 01:23

배열에서 데이터를 가져와 split으로 파일 확장자를 새로운 배열로 만들기, 특정 확장자 파일의 이름만 filter로 가져오기. + onload란

const fileNameList = [
        'a.jpg',
        'b.pdf',
        'c.svg',
        'd.gif',
        'e.png',
        'f.docx',
      ]

다음과 같은 array에서!

const fileType = []
fileType = filenameList.map((i)=>{
	return i.split(".")[1]
})

split은 ""기준으로 나눠서 새로운 array를 형성한다.

filetype이 필요한거니까 배열의 [1]을 가져와서 map으로 반복하고, fileType에 넣으면

콘솔에 "내가 사용한 파일 타입은 ~입니다 => 이렇게 나타내려면

console.log(`내가 사용한 파일 타입은 ${fileType}입니다`}

const gifFiles = []
gifFiles = fileNameList.filter((i)=> {
	return if (i.split(".")[1] === "gif")
})

이제 이것도 콘솔창에 "gif파일 이름은 d입니다."로 split해서 나타내려면!

console.log(`gif파일 이름은 ${gifFiles.split(".")[1]}입니다.`)

이러면! 에러발생!

gifFiles는 배열이기때문에 배열자체를 split할 수 없다.

따라서

console.log(`gif파일 이름은 ${gifFiles[0].split(".")[1]}입니다.`)

다음과 같이 인덱스를 지정해서 split을 해야한다!

++++

<body onload="init()">
 ...
</body>

html body태그에 onload=function() 을 하면 html이 파싱될때 자동으로 function이 실행된다.

JS연습하기(user정보 화면만들기)(forEach,스프레드연산자,if문) (0)	2022.01.09
JS연습하기6(스프레드연산자, filter) (0)	2022.01.09
JS연습하기4(?조건문,forEach) (0)	2022.01.08
JS연습하기3(toggle메서드,classList) (0)	2022.01.08
JS연습하기2(input,object,console.log) (0)	2022.01.08

돋 돋