> 웹 프론트엔드 > JS 튜토리얼 > JS의 9가지 강력한 주류 작성 방법(다양한 Hack 작성 방법)

JS의 9가지 강력한 주류 작성 방법(다양한 Hack 작성 방법)

Guanhui
풀어 주다: 2020-05-15 09:28:34
앞으로
2988명이 탐색했습니다.

JS의 9가지 강력한 주류 작성 방법(다양한 Hack 작성 방법)

1. 전역 교체

우리는 문자열 함수 교체()가 첫 번째 항목만 교체한다는 것을 알고 있습니다.

정규식 끝에 /g를 추가하면 모든 항목을 바꿀 수 있습니다.

var example = "potato potato";
console.log(example.replace(/pot/, "tom")); 
// "tomato potato"
console.log(example.replace(/pot/g, "tom")); 
// "tomato tomato"
로그인 후 복사

2. 고유 값 추출

Set 개체와 스프레드 연산자를 사용하면 고유한 값만 포함하는 새 배열을 만들 수 있습니다.

var entries = [1, 2, 2, 3, 4, 5, 6, 6, 7, 7, 8, 4, 2, 1]
var unique_entries = [...new Set(entries)];
console.log(unique_entries);
// [1, 2, 3, 4, 5, 6, 7, 8]
로그인 후 복사

3. 숫자를 문자열로 변환

빈 따옴표 세트를 연결하면 됩니다.

var converted_number = 5 + "";
console.log(converted_number);
// 5
console.log(typeof converted_number); 
// string
로그인 후 복사

4. 문자열을 숫자로 변환

우리에게 필요한 것은 + 연산자뿐입니다.

한 가지 주의할 점은 "문자열 숫자"에서만 작동한다는 것입니다.

the_string = "123";
console.log(+the_string);
// 123
the_string = "hello";
console.log(+the_string);
// NaN
로그인 후 복사

5. 배열의 요소를 무작위로 배열합니다.

매일 섞습니다.

var my_list = [1, 2, 3, 4, 5, 6, 7, 8, 9];
console.log(my_list.sort(function() {
    return Math.random() - 0.5
})); 
// [4, 8, 2, 9, 1, 3, 6, 5, 7]
로그인 후 복사

6 다차원 배열을 평면화합니다.

스프레드 연산자를 사용하세요.

var entries = [1, [2, 5], [6, 7], 9];
var flat_entries = [].concat(...entries); 
// [1, 2, 5, 6, 7, 9]
로그인 후 복사

7. 단락 조건

이 예를 살펴보겠습니다.

if (available) {
    addToCart();
}
로그인 후 복사

간단히 하려면 함수가 포함된 변수를 사용하세요.

available && addToCart()
로그인 후 복사

8. 저는 항상 다음과 같이 생각했습니다. 동적 속성을 할당하기 전에 객체를 선언합니다.

const dynamic = 'flavour';
var item = {
    name: 'Coke',
    [dynamic]: 'Cherry'
}
console.log(item); 
// { name: "Coke", flavour: "Cherry" }
로그인 후 복사

9. 배열을 조정하거나 지우려면 길이를 사용하세요

주로 배열의 길이를 다시 작성합니다.

배열의 크기를 조정하려는 경우:

var entries = [1, 2, 3, 4, 5, 6, 7];  
console.log(entries.length); 
// 7  
entries.length = 4;  
console.log(entries.length); 
// 4  
console.log(entries); 
// [1, 2, 3, 4]
로그인 후 복사

빈 배열을 원하는 경우:

var entries = [1, 2, 3, 4, 5, 6, 7]; 
console.log(entries.length); 
// 7  
entries.length = 0;   
console.log(entries.length); 
// 0 
console.log(entries); 
// []
로그인 후 복사
추천 튜토리얼: "

JS Tutorial

"

위 내용은 JS의 9가지 강력한 주류 작성 방법(다양한 Hack 작성 방법)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
js
원천:learnku.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿