const name = (first, second, ...nums) => {
console.log(first);
console.log(second);
console.log(nums)
}
console.log(name(1, 2, 3, 4, 5, 6))
출력
1
2
[3, 4, 5, 6]
'use strict'
Strict Mode의 선언방식 입니다.
느슨한 자바스크립트 문법을 엄격한 문법으로 정의해준다.
전체 스크립트 또는 부분 함수에 적용가능
흔히 발생하는 코딩 실수를 잡아내서 예외를 발생 시킵니다.
상대적으로 안전하지 않은 액션이 발생하는 것을 방지합니다.
정확하게 고려되지 않은 기능들을 비활성화 시킵니다.
'use strict'
function strict() {
// 함수-레벨 strict mode 문법
'use strict';
function nested() { return "And so am I!"; }
return "Hi! I'm a strict mode function! " + nested();
}
function notStrict() { return "I'm not strict."; }
삼항 연산자
조건문 ? true일때 선택문1 : flase일때 선택문2
// if문 예제
if(a > b) {
c = 10;
}else{
c = 20;
}
// 삼항연산자 사용
(a > b) ? c = 10 : c = 20
배열
뒤에 삽입 : .push();
const name = ["신전떡볶이", "아딸", "할매떡볶이"]
name.push("배떡")
출력
['신전떡볶이', '아딸', '할매떡볶이', '배떡']
앞에 삽입 : .unshift();
const name = ["신전떡볶이", "아딸", "할매떡볶이"]
name.unshift("엽떡")
출력
['엽떡', '신전떡볶이', '아딸', '할매떡볶이']
특정 단어 찾고 인덱스 반환 : .indexOf(찾을것);
- 있는 경우 해당 인덱스 반환
- 없는 경우 -1 반환
const name = ['엽떡', '신전떡볶이', '아딸', '할매떡볶이', '배떡'];
name.indexOf("아딸");
출력
2
특정 단어 마지막에서부터 찾고 인덱스 반환 : .lastIndexOf(찾을것);
- 있는 경우 해당 인덱스 반환
- 없는 경우 -1 반환
const name = ['엽떡', '신전떡볶이', '아딸', '할매떡볶이', '배떡'];
name.lastIndexOf("아딸");
출력
2
포함 여부 true / false 반환 : .includes(찾을것);
- 있는 경우 true 반환
- 없는 경우 false 반환
const name = ["신전떡볶이", "아딸", "할매떡볶이"]
name.includes("아딸")
출력
true
맨 앞 요소 지우기 : .shift();
- 맨 앞요소 삭제
const name = ["1. 배떡", "2. 신전떡볶이", "3. 아딸", "4. 엽떡"]
name.shift()
출력
["2. 신전떡볶이", "3. 아딸", "4. 엽떡"]
맨 뒤 요소 지우기 : .pop();
- 마지막 요소 리턴 및 해당 요소 삭제
const name =["1. 배떡", "2. 신전떡볶이", "3. 아딸", "4. 엽떡"]
name.pop()
출력
['1. 배떡', '2. 신전떡볶이', '3. 아딸']
특정 인덱스 요소 지우기 : .splice(지울시작인덱스, 몇개지울지)
const name =["1. 배떡", "2. 신전떡볶이", "3. 아딸", "4. 엽떡", "5.응떡"]
name.splice(2, 1)
출력
['1. 배떡', '2. 신전떡볶이', '4. 엽떡', '5.응떡']
두 배열 합치기 : concat(합칠배열)
const name =["1. 배떡", "2. 신전떡볶이", "3. 아딸", "4. 엽떡", "5.응떡"]
const menu =["1. 배떡", "2. 신전떡볶이", "3. 아딸", "4. 엽떡", "5.응떡"]
let newItem = name.concat(mene)
출력
['1. 배떡', '2. 신전떡볶이', '3. 아딸', '4. 엽떡', '5.응떡', '1. 배떡', '2. 신전떡볶이', '3. 아딸', '4. 엽떡', '5.응떡']
forEach
let name = ["떡볶이", "튀김", "어묵", "주먹밥", "순대"];
name.forEach(item => {
console.log(item)
})
출력
떡볶이
튀김
어묵
주먹밥
순대
매개변수 ...
지정되지 않은 나머지 매겨변수 배열로 가져옴
const name = (first, second, ...nums) => {
console.log(first);
console.log(second);
console.log(nums)
}
console.log(name(1, 2, 3, 4, 5, 6))
출력
1 //first를 통해서 출력
2 //second를 통해서 출력
[3, 4, 5, 6] //...nums를 통해서 출력
'웹 개발 > 기초' 카테고리의 다른 글
[JS] 이벤트 다루기 (0) | 2022.03.22 |
---|---|
자바스크립트 API 통신 (0) | 2022.03.21 |
[css] 반응형 레이아웃 만들기 (0) | 2022.03.10 |
[CSS] flex box, grid (0) | 2022.03.07 |
[CSS] 자주 사용하는 속성 (0) | 2022.03.06 |
자바스크립트 기본 문법