가장 강력한 JavaScript 5가지 방법을 빠르게 살펴보십시오.
9519 단어 htmlcodenewbiewebdevjavascript
안녕하세요.👋개개인
본고에서 나는 가장 강력한 자바스크립트 방법 5가지를 토론할 것이다.
이제 우리는 하나하나 이 방법들을 토론하기 시작합시다.
분할:
다음을 명확하게 이해할 수 있도록 예를 들어 보겠습니다.
const string = "Javascript is a programming language."
const newArr = string.split(" ");
console.log(newArr);
위의 코드에 주의하시면, 에 빈칸을 추가했습니다.분할 방법.이 공간은 문자열을 하위 문자열 그룹으로 나누는 구분자로 사용됩니다.split 방법은 원시 문자열의 값을 변경하지 않습니다.
니가
console.log(newArr)
을 하면너는 이렇게 보이는 새로운 수조를 얻을 수 있을 것이다.["Javascript", "is", "a", "programming", "language."]
이제 문자열이 그룹으로 변환됩니다.이런 방법은 가장 효과적인 방법 중의 하나다.이.
수학임의:
이 방법은 0 (0 포함) 과 1 (1 제외) 사이의 무작위 수를 되돌려줍니다.
그것은 기본적으로 무작위 부동 소수점 (10진수) 을 되돌려준다.
const randomNum = Math.random();
console.log(randomNum);
위의 코드를 실행하면 0.4795164735135027
과 같은 0과 1 사이의 숫자를 볼 수 있습니다.부동 소수점이 아닌 정수가 필요한 경우
Math.random()
과 Math.floor()
을 줄바꿈해야 합니다.Math.floor()
방법은 숫자를 가장 가까운 정수로 아래로 반올립니다. 아래와 같습니다.const randomNum = Math.floor(Math.random());
console.log(randomNum);
지금, 만약 당신이 0과 20 사이의 정수를 원한다면.코드는 아래와 같습니다.const number = 20;
const randomNum = Math.floor(Math.random()*number);
console.log(randomNum);
나는 너희들이 Math.random()
방법이 어떻게 일을 하는지 이해할 수 있기를 바란다.이제 세 번째 방법을 봅시다.
삼.
forEach 회사:
이 방법은 그룹에서 순환하는 데 사용됩니다.만약
for loop
을 사용하여 하나의 그룹을 순환한다면, 본문을 읽은 후에 영원히 그것을 사용하지 않을 것입니다.만약 우리가 하나의 그룹을 가지고 있다면:
const numbers = [1,2,3,4,5];
지금, 만약 당신이 수조의 모든 숫자를 2로 곱하고 싶다면, 당신은 어떻게 합니까?여기서
forEach()
방법이 작용하기 시작한다.어떻게 작동하는지 봅시다.기본적으로
forEach()
방법은 수조의 모든 요소에 순서대로 함수를 호출한다.const numbers = [1,2,3,4,5];
numbers.forEach(number => {
console.log(number*2);
});
//2
//4
//6
//8
//10
따라서 상술한 수조의 모든 숫자의 코드에서 우리는 함수를 호출합니다. 이 함수는 모든 숫자를 2로 곱합니다.나는 지금 네가 forEach
방법을 어떻게 사용하는지 알고 있다고 생각한다.사.
필터():
filter()
방법은 제공된 함수를 통해 실행된 모든 요소를 포함하는 새로운 수조를 만들었습니다.이제 우리는 예를 들어 그것을 명확하게 이해하자.
const ages = [18,15,10,20,22];
const filterArr = ages.filter(age => age>18);
console.log(filterArr);
그래서 위의 예에서 나는 연령수 그룹을 추출하여 필터링 방법을 응용했다.Filter 방법은 그룹의 모든 요소에 함수를 실행하고 주어진 함수에 대한 조건을 충족시키는지 확인합니다.주어진 조건을 충족시키면 이 요소를 새 그룹으로 되돌려줍니다. 그렇지 않으면
filterArr
그룹에 저장되지 않습니다.나는 네가 지금 필터 방법을 어떻게 사용하는지 똑똑히 알고 있기를 바란다.이런 방법은 기본적으로 각종 응용 프로그램에서 삭제 기능을 실현하는 데 쓰인다
참고:
filter()
방법은 원본 그룹의 값을 변경하지 않습니다.filter()
방법은 값이 없는 그룹 요소의 운행 함수가 아닙니다.오.
매핑 방법: -
이 방법은 그룹의 모든 원소를 호출하는 함수를 제공한 다음에 새로운 그룹을 만듭니다. 그 결과는 모든 원소를 호출하는 함수입니다.
이제 우리는 그것을 더 잘 이해하기 위해 예를 하나 들자.
const numbers = [1,2,3,4,5];
const newArr = numbers.map(number => {
return number*number;
});
console.log(newArr);
위의 코드에서 나는 numbers
수조를 얻어서 .map
방법을 응용했다.모든 숫자에 대해 함수를 호출하여 이 숫자의 제곱을 되돌려주고 newArr
이라는 새 그룹을 만듭니다지금, 당신이
console.log(newArr)
을 한다면.너는 이런 숫자의 제곱을 포함하는 새로운 수조를 얻을 수 있을 것이다.[1, 4, 9, 16, 25]
이 방법은 원본 그룹의 값을 변경하지 않습니다.요약: -
현재, 우리는 이미 5가지 가장 강력한javascript 방법을 소개했다.이런 방법은 매우 유용해서 우리가 더욱 간결한 코드를 작성하는 데 도움을 줄 수 있다.
이 블로그를 읽어 주셔서 감사합니다.
만약 당신이 이 블로그가 도움이 된다고 생각한다면, 우리의 시사통신을 마음대로 구독해 주십시오. 이렇게 하면 우리의 댓글이 올라갈 때마다 당신은 먼저 통지를 받을 것입니다.
당신의 피드백과 건의를 댓글로 남겨 주십시오.
Check out my youtube channel
Reference
이 문제에 관하여(가장 강력한 JavaScript 5가지 방법을 빠르게 살펴보십시오.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/thefierycoder/5-javascript-methods-you-probably-don-t-know-48eo
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(가장 강력한 JavaScript 5가지 방법을 빠르게 살펴보십시오.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/thefierycoder/5-javascript-methods-you-probably-don-t-know-48eo텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)