[JAVAScript/자바스크립트]템플릿 리터럴,백틱,숫자,배열

템플릿 리터럴(백틱)

따옴표 대신 역따옴표를 사용해 문자열을 정의함 

역따옴표를 백틱이라함

템플릿 리터럴 사용시 문자열 내 작은따옴표와 큰따옴표를 모두사용가능

백틱사이에는 줄바꿈을 \n을 안쳐줘도 먹음

 

보간(interpolation)

템플릿 리터럴을 사용하면 변수와 식을 문자열로 쉽게 보간할 수 있음

${...}

 

변수대체

템플릿 리터럴은 문자열에 변수를 허용함

변수를 실제 값으로 자동 교체하는 것을 문자열보간이라고함

name+"님 안녕하세요" 랑

`${name}님 안녕하세요`

랑 같은거임

 

숫자

소수, 정수 가능

소수는 지수표기법으로 작성가능(ex> 123e2 = 12300)

지수표기법이 없는 숫자는 최대 15자리까지 가능한데 최대 소수자릿수는 17임

+기호

더하기와 연결 모두 사용하기때문에

문자를 더하게 되면 그냥 문자열로 인식하게 됨

다른 사칙연산은 문자열이 숫자인경우 빼거나 나누거나 곱하는게 가능하지만, 더하기는 안됨

 

NaN숫자가아님(에러)

문자를 숫자로 나누거나 문자를 문자로 나누면 숫자가 아닌 에러가 나타남

isNaN()함수를 사용하여 숫자가 아닌지 확인 가능

isNaN(변수);

NaN 도 typeof NaN 함수를 돌리면 숫자로 나옴

 

Infinity

무한대

0나누기 에러

이것도 타입오브를 돌리면 숫자로 나옴

 

16진수

기본적으로 10진수

상수앞에 0x가 오면 16진수

0이 앞에오면 8진수

toString()은 숫자를 문자열로 반환함

toString(진수) 됨

toExponential()

숫자가 반올림되고 지수표기법을 사용해서 작성된 문자열 반환

toFixed()

지정된 소수자릿수로 작성된 숫자와 함께 문자열을 반환

toFixed(소수자리 보여줄만한것)

toPrecision()

지정된 길이로 작성된 숫자와 함께 문자열 반환

valueOf()

숫자를 숫자로 반환

넘버객체를 기본값으로 변환하는데 사용함

 

변수를 숫자로 변환

Number() 자바스크립트 변수를 숫자로 변환하는데 사용 // 참 1 거짓 0 만약 숫자가 변환이 안될경우 NaN오류

//보통 날짜를 숫자로 변환할때 많이 사용 Number(new Date("2022-10-22"))

parseInt() 문자열을 구문 분석하고 정수 반환 // 공백 허용// 첫번째 숫자만 반환//앞에 문자가 있으면 NaN오류

parseFloat()//문자열을 구문분석하고 숫자반환//공백허용//첫번째숫자만 반환//float이라 소수점도 가능

 

배열

하나 이상의 값을 가질 수 있는 특수 변수

const 변수명 =[];

배열은 하나의 이름으로 많은값을 가질 수 있으며 인덱스 번호를 넣어서 값에 액세스 가능함

배열인덱스는 0부터 시작

배열 생성

const array_name = [item1, item2, ...];   

const array_name = new Array("item1", "itme2",,,,);배열 이름을 참조해서 전체 배열을 액세스 가능배열은 객체이기 때문에 typeof를 돌리면 object를 반환배열명.length //배열길이배열명.sort() // 배열종류Array.forEach() 주어진 함수를 배열요소에 각각 실행시킴

Array.push() 배열에 새요소 추가 //Array.length도 가능

배열은 항상 번호가 매겨진 인덱스를 사용

명명된 인덱스를 사용시 자바스크립트가 배열을 객체로 재정의 해가지고 잘못된 결과를 낳을 수 있음

배열은 번호가 매겨진 인덱스를 사용하지만 객체는 명명된 인덱스를 사용함

요소이름을 문자열로 지정시 객체를 사용해야함

요소이름을 숫자로 지정하려면 배열을 사용해야함

const 배열명= new Array(); 또는
const 배열명= [];

배열을 문자열로 변환

배열.toString()

join()

모든 배열 요소를 문자열로 결합배열.join(묶을문자열);

pop()

배열의 마지막요소 제거배열.pop();

push()

배열에 새요소 추가배열.push();추가하면 반환하는 값은 새 배열의 길이임

shift()

첫번째 배열 요소를 제거하고 다른 모든 요소를 더 낮은 인덱스로 이동

unshift()

배열에 새 요소를 추가하고 이전 요소를 이동 해제함

값은 새 배열의 길이를 반환함

length

배열[배열.length]="";

를 하게되면 간단하게 배열에 새요소 추가가능

delete()

배열요소 삭제

단 배열에 구멍이남

concat()

기존 배열의 병합

기존의 배열을 변경하지 않고 새배열을 반환함

splice()

배열에 새항목추가

배열.splice(새요소를 연결해야하는 위치, 제거해야하는요소수, 나머지 매개변수)

구멍이 생기지 않음

slice

배열에 조각을 잘라냄

sort()

배열을 알파벳순으로 정렬

reverse()

배열의 요소를 뒤집음

Math.max.apply 배열에서 가장 높은 숫자를 찾는데 사용

forEach()

각 배열 요소에 대해 한번씩 함수를 호출

세개의 인수를 취함item valueitem index배열

map(값, 인덱스, 배열명)

각 배열 요소에 대해 함수를 수행해 새 배열을 만듬값이 없는 배열요소에 대해 함수를 실행하지 않음원래 배열을 변경하지 않음

filter(값)

테스트를 통과할 배열요소로 새배열을 만듬

reduce(합계, 값, 인덱스, 배열명)

배열요소에 대해 함수를 실행하여 단일값을 생성

왼쪽에서 오른쪽으로 작동함

반대로하려면 reduceRight()

원래 배열을 줄이지는 않음

every(값, 인덱스, 배열)

모든 배열값이 테스트를 통과하는지 확인

some(값, 인덱스, 배열)

일부 배열 값이 테스트를 통과하는지 확인

indexOf(item. start)

배열에서 요소 값을 검색하고 해당 위치를 반환

항목을 찾을 수 없으면 -1반환

항목이 두번이상 있으면 첫번째 항목의 위치를 반환

lastIndexOf()

지정된 요소가 마지막으로 발생한 위치를 반환

array.lastIndexOf(item, start)

find(값, 인덱스, 배열)

배열찾기

테스트 함수를 통과하는 첫번째 배열요소의 값ㄷ을 반환

findIndex(값, 인덱스, 배열)

테스트 함수를 통과하는 첫번째 배열요소의 인덱스를 반환

Array.from()

길이 속성이 있는 개체 또는 반복가능한 개체에서 배열 개체를 반환

keys()

배열 이터레이터를 반환

enteries()

키/값 쌍이 있는 배열 이터레이터 객체를 반환

원래 배열을 변경하지 않고 반환만 하는 것임

includes()

array.includes(search-item)

요소가 배열에 있는지 확인가능

NaN이 포함됨

배열 상수 const

https://hyejin283.tistory.com/175

[JavaScript/자바스크립트]<script>, 출력, 인쇄, 값,주석,식별자

const를 사용해 배열을 선언하는것이 관행이 되었음

const로 선언된 배열은 재할당 불가

const는 상수가 아님

대신 상수배열의 요소를 변경할 수있음

const는 선언될때 값을 할당해야함

초기화 하지 않고 사용하면 오류가 뜸

const는 블록범위가 있음

그래서 동일한 변수명을 사용할 수 있음

배열 재선언

var를 사용함