JavaScript(6)
-
[JavaScript] sort 정렬 사용하기
arraylist.sort(functionName) 배열 안의 원소를 정렬하는 함수이다. functionName에 함수를 지정하면 세 개의 값 중 하나가 리턴된다. 첫 번째 값 두 번째 값 : + 문자정렬 알파벳 오름차순 순으로 정렬 let list = ["a","c","b","e","d"]; list.sort(); console.log(list); // a,b,c,d,e ⭐숫자정렬⭐ sort의 경우 정렬 시 요소를 문자로 취급한다. let arr = [0, 31, 24, 10, 1, 9]; arr.sort(); console.log(arr); // [0,1,10,24,31,9] 10,9를 비교할 시 숫자라면 9가 먼저지만 문자열..
2023.02.09 -
[Jquery] 값 설정하는 val()
.val() 값을 가져오거나 원하는 값으로 설정하는 메서드이다. .val() 값 가져오기 $(’ 타깃 요소’).val(); .val() 값 설정하기 $(’타겟 요소’).val(’설정값’); 텍스트를 입력한 후 버튼을 클릭하면, 해당 값을 출력 value 버튼을 클릭하면 입력한 값 출력 클릭 $('button#inputBtn').click(function (){ const val = $('input#input').val(); alert(val); })
2022.08.29 -
[JavaScript] 배열에서 임의의 값 가져오기
💡 Math.floor Math.random let strArr = ["A","B","C", "D"]; let selectString = strArr[Math.floor(Math.random() * strArr.length)]; Math.random() 함수는 0~1 사이의 임의의 숫자를 반환한다. 그 숫자에 배열의 길이를 곱해주면 배열의 숫자 속 임의의 값을 반환한다.
2022.08.14 -
[JavaScript] Array.reduce()
reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서 (resduce) 함수를 실행하고, 하나의 결과값을 반환합니다. arr.reduce(callback[, initialValue]) 파라미터 callback function accumulator - 누산기는 callback 함수의 반환 값 누적 currentValue - 배열의 현재 요소 current index(optional) - 배열의 현재 요소의 인덱스 initialValue를 제공한 경우 0, 아니면 1부터 시작 array(optional) - 호출한 배열 initialValue(Optional) 최초 callbakc 함수 실행 시 첫번째 인수에 제공되는 값, 초기값을 제공하지 않을 경우 배열의 첫 번째 요소를 사용하고, 빈 배열에서 ..
2022.07.31 -
[Javascript] new set 배열 중복 데이터 제거하기
Set 자바스크립트에서 set은 중복을 허용하지 않는다. 즉 중복값을 제거해야할 때 set을 이용하면 된다. 배열에 중복 값 제거하기 let arr = [1,1,2,2,3,3,4] const uniqueValue = [...new Set(arr)]; console.log(uniqueValue); // [1,2,3,4] set 생성하기 let arrSet = new Set([1,2,3,4,5]) arrSet.add(6); // [1,2,3,4,5,6] arrSet.add(5); // 이미 5가 존재하기 때문에 add 불가
2022.07.31 -
[Javascript/JQuery] toUpperCase, toLowerCase 대소문자 바꾸기
js에서 알파벳 소문자를 대문자로 변경하고 싶은 경우 toUpperCase 함수를 사용한다. let text = "user"; 이 처럼 문자열이 소문자인 text를 대문자로 변경하고 싶다면 let text_1 = text.toUpperCase(); console.leg(text_1); // => USER 반대로 대문자를 소문자로 변경하는 경우 toLowerCase 함수를 사용한다. let text = "TEXT"; let text_1 = text.toLowerCase(); console.log(text_1); // => text
2022.07.15