이 글은 ES6 팁을 정리하고 공유하며, 모두가 좋아할 수 있도록 자주 사용되는 ES6 코드 블록 20개를 정리했습니다.
1. 배열 순서를 방해합니다
[관련 권장 사항: javascript 학습 튜토리얼]
2. 숫자를 제외한 모든 문자를 제거합니다
3 . 문자열 또는 단어 반전
4. 10진수를 2진수 또는 16진수로 변환
5. 6.
및
<p>==<strong></strong></p>
<span style="font-size: 18px;">===</span>
和 <span style="font-size: 18px;">==</span>
的区别
7. 解构赋值
8. 交换变量的值
9-1. 判断回文字符串
回文字符串: 正着写和反着写都一样的字符串
9-2 判断两个字符串是否为互相排列
判断两个字符串是否为互相排列: 给定两个字符串,一个是否是另一个的排列
10. 可选链操作符
7. 구조 분해 할당MDN: 可选链操作符(
?.
)允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?.
操作符的功能类似于.
链式操作符,不同之处在于,在引用为空(nullish ) (null
或者undefined
) 的情况下不会引起错误,该表达式短路返回值是undefined
。与函数调用一起使用时,如果给定的函数不存在,则返回undefined
8. 변수 값 교환
9-1. 회문 문자열 결정
Paindrome 문자열: 앞에서 써도 뒤에 써도 같은 문자열
9-2 두 문자열이 서로 정렬되는지 확인
두 문자열이 순열되는지 확인: 두 문자열이 주어지면 하나가 다른 하나의 순열인지 여부10. 선택적 체인 연산자
MDN: 선택적 체이닝
연산자(?.
)를 사용하면 체인의 각 참조가 유효한지 명시적으로 확인할 필요 없이 연결된 개체 체인의 깊숙한 곳에 있는 속성 값을 읽을 수 있습니다.?.
연산자는 참조가 null인 경우(null
또는정의되지 않음
)를 제외하고.
체인 연산자와 유사하게 작동합니다. >) 이 표현식의 단락 반환 값은정의되지 않음
입니다. 함수 호출과 함께 사용하면 해당 함수가 존재하지 않으면12를 반환합니다. 배열에서 값을 무작위로 선택합니다. 🎜🎜🎜🎜🎜🎜13 객체를 고정합니다. 🎜🎜🎜🎜14. 배열 요소에서 중복 항목을 제거합니다. 🎜🎜🎜🎜 🎜🎜🎜15. 지정된 소수점 이하 자릿수를 유지합니다🎜🎜🎜🎜🎜🎜🎜🎜🎜16. 🎜🎜🎜🎜🎜
17.
<code><span style="font-size: 18px;">RGB</span>
转换为<span style="font-size: 18px;">HEX</span>
18. 从数组中获取最大值和最小值
19. 空值合并运算符
MDN: 空值合并操作符(
??
)是一个逻辑操作符,当左侧的操作数为null
或者undefined
时,返回其右侧操作数,否则返回左侧操作数。20. 过滤数组中值为
HEX<span style="font-size: 18px;">false</span>
RGB에서18. 배열에서 최대값과 최소값을 가져옵니다
19. Null 값 병합 연산자🎜🎜MDN: 🎜Null 값 병합 연산자🎜(??
)는 왼쪽의 피연산자가null
또는정의되지 않은 는 오른쪽 피연산자를 반환하고, 그렇지 않으면 왼쪽 피연산자를 반환합니다. 🎜🎜🎜🎜🎜20. 배열에서 🎜<code>🎜false🎜
🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜소스 코드🎜🎜🎜🎜🎜인 값을 필터링합니다. .com/ xieyezi /vuepress-blog/blob/master/docs/front-end/ES6-20 자주 사용되는 기술.md🎜🎜🎜위에서 코딩과 드로잉은 매우 어렵습니다. 손, 여러분의 좋아요는 제가 계속 업데이트를 하는 가장 큰 원동력입니다! 🎜🎜【추천 관련 동영상 튜토리얼: 🎜웹 프론트엔드🎜】🎜