JS, 템플릿 리터럴 / 문자열 합치기(join) / 새창열기 / 새로고침 / 뒤로가기(history) / 확인창(confirm)

템플릿 리터럴(Template literal)

 

새로운 문자열 표기법

 

1. backtick(`)
2. 변수 처리는 ${ 변수 }

let a = 20;
const b=30;

const str2 = `a와 ${b}의 합은 ${a+b}`;
console.log(str2);

[실행결과] a와 30의 합은 50

---

join

 

배열을 문자열로 만든다.

arr1.join()
구분자가 없으면 ,로 들어가서 문자열로 만든다.

arr1.join("|")
배열요소 사이에 구분자(|)를 넣어서 문자열로 만든다.

let arr1 = [1, 2, 3]

let arr2 = arr1.join();
let arr3 = arr1.join('|');

 

arr2 => 1, 2, 3

arr3 => 1 | 2 | 3

---

 window.open

 

새창 열기

window.open("open.html");

---

location.reload();

아까 있던 데이터 다시 읽어들여라

---

history.forward()

 

브라우저가 세션에 저장된 앞 페이지로 이동시켜준다
다음 페이지가 없으면 아무것도 하지 않는다.

history.back()

history.go(-1)

---

confirm

 

컨펌받기 / 확인문자

if(confirm("정말로 네이버로 이동하시겠습니까?")) location.href="http://www.naver.com";

 

confirm은 확인 누르면 ture, 취소 누르면 false를 반환한다.