2024.02.14.수.day31
지각
오늘꺼 복습필수
[ day4_js ]
8_function :
아직 정의되어 있지 않은 함수는 호출 할 수 없습니다.
단, function 함수이름 () {} 로 정의된 함수는
함수 끌어올리기 (hoisting) 를 하여 사용할 수 있습니다.
9_array :
<pre> : 사용된 여백과 줄바꿈이 모두 그대로 브라우저 화면에 나타남
font-family :폰트 종류
document.write 또는 wirteln 메소드 :웹페이지에 문자열 출력
var, let, const 는 javascript의 변수선언 방식
var : 중복 선언 가능. 변수에 값을 재할당하는 것 가능. -> 문제 : 기존의선언과 구분이 어려움
let : 중복 선언 불가능. 변수에 값을 재할당하는 것 가능
const : 중복선언 불가능. 변수에 값을 재할당하는 것 불가능.
push : 배열의 끝에 요소를 추가
pop : 배열에서 마지막 요소를 제거
sort : 오름차순 정렬
reverse : 내림차순 정렬
slice(i,j): i부터 j미만까지 출력 (범위이외는 삭제)
splice(i,n,A) : [i]부터(i미포함) n개 삭제하고 , A(i+1)를 넣어라
indexOf : 있다면 요소의 index 값을 리턴, 없다면 -1 을 리턴
includes : 있는지 여부를 true/false
join('구분자') : 구분자로 구분하여 문자열 결합. 없으면 쉼표가 기본
for...of는 names 배열의 각 요소를 값으로 반복하고,
for...in은 names 배열의 각 요소의 인덱스를 반복합니다
10_foreach :
font-family : 글꼴 설정
일반적인 for문으로 배열요소 나열 🔽 변수 또는 수식 표현식을 ${}기호에 표시
for (const 새변수 of 배열변수) {
document.writeln(`${새변수}`)
}
for문보다 forEach(함수)를 더 쓴다
forEach()의 인자 순서는 정해져있다 무조건 item, index, array 이 순서이다.(string>number)
forEach() 형식 🔽
배열변수.forEach(function (변수명1, 변수명2, 변수명3) {
document.writeln("item = ", 변수명1)
document.writeln("index = ", 변수명2)
document.writeln("array = ", 변수명3)
})
위의 forEach()를 화살표 함수로 변환 하면 🔽
배열변수.forEach((변수명1) => {
document.writeln("item = ", 변수명1)
})
즉, function() 을 ()=> 로 바꾼것
위의 화살표함수를 새변수로 선언하면 🔽
const 새변수 = (변수명1) => document.write('item : ', 변수명1)
배열변수.forEach(새변수)
11_array_task: