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:

 

https://www.w3schools.com/js/js_htmldom.asp