Front-end/JavaScript

[자바스크립트] js 배열 출력, 배열과 문자열 서로변경, join, split

파리외 개발자 2022. 5. 11. 17:06

행렬 원소별 출력

크기가 5인 행렬을 생성했다.

반복문을 통해 인덱스를 배열의 크기만큼 반복증가하며 각 인덱스에 해당하는 배열원소를 출력한다.

인덱스 i가 증가할때마다 그에 해당하는 배열원소가 출력된다.

 

join - 배열을 문자열로 변환

배열.join(구분자)를 지정해 str변수에 저장한 후 출력했다.

join은 배열의 원소를 입력받은 구분자로 나누어 문자열로 변환한다. 

 

split - 문자열을 배열로 변환

문자열을 배열로 변환해 html문서에 메뉴들을 추가해보도록 한다.

메뉴태그를 지정하고 menuData라는 문자열을 생성해준다.

split은 괄호안의 구분자를 기준으로 원소들을 배열에 저장한다.

이후 해당 배열에 li태그를 입혀 menu태그에 추가해줬다.