전단 의 고급 조작 몇 가 지 를 알려 드릴 게 요. 몇 가 지 를 아 세 요?
11922 단어 JavaScript#ES6
1. 쾌속 회전 번호
var a = '1'
console.log(typeof a)
console.log(typeof Number(a)) //
console.log(typeof parseInt()a) //
console.log(typeof +a) //
2. 부 울 을 빠르게 돌려 라
var a = 0
console.log(typeof a)
console.log(typeof Boolean(a)) //
console.log(typeof !!a) //
알림: js 에서
==
비교 하 는 두 가 지 를 유형 으로 변환 합 니 다. 그 중에서 숫자 1 은 true
, 0, null, NAN, 빈 문자열 은 모두 false
입 니 다.즉 0 == false
, null==false
등의 결과 가 모두 정확 하 다 (true) 는 것 이다.그리고 ===
에서 도 엄격 한 모델 에서 이런 것들 은 모두 성립 되 지 않 는 다 고 할 수 있다. 예 를 들 어 0===false
결 과 는 잘못된 것 (false) 이다.3. 섞 어 쓰기
넘 버 로 넘 어가 고 불 리 언 으로 넘 어 가 겠 습 니 다.
var a = '0'
console.log(!!a) // true,
console.log(!!+a) // Number Boolean, 。 false。
2. 연속 적 인 구조 해제
1. 가장 기본 적 인 해체
대상 에서 필드 추출
const user = {
id: 123,
name: 'hehe'
};
const {name} = user;
console.log(name); //prints: hehe
2. 내장 대상 재 구성
때때로 우 리 는 포 함 된 대상 을 만 날 수 있 습 니 다. 만약 우리 가 충분히 알 지 못 한다 면 이러한 재 구성 을 쓸 수 있 습 니 다.
const user = {
id: 123,
name: 'hehe',
education: {
degree: 'Main'
}
};
// degree
const {education} = user;
const {degree} = education;
물론 이런 문법 은 비교적 번 거 롭 고 층 층 이 벗 겨 져 서 분명히 번거롭다.사실 우 리 는 한 걸음 한 걸음 재 구성 할 수 있다.
const user = {
id: 123,
name: 'hehe',
education: {
degree: 'Main'
}
};
const {education: {degree}} = user;
console.log(degree); // Main
이러한 쓰기 방법 은 저 는 보통 element 구성 요소 라 이브 러 리 에서 자주 사용 합 니 다. 예 를 들 어 표 에서: 보통 쓰기:
<el-table-column label=" " prop="author" align="center" width="100px">
<template slot-scope="scope">
<span v-html="scope.row.authorWrapper" />
</template>
</el-table-column>
개 선 된 쓰기
<el-table-column label=" " prop="author" align="center" width="100px">
<template slot-scope="{row:{authorWrapper}}">
<span v-html="authorWrapper" />
</template>
</el-table-column>
이렇게 하면 또 간결 하고 편리 해 지지 않 습 니까?
물론 우 리 는 또 다른 상황 을 만 날 수 있다.
배열 의 첫 번 째 대상 요소 에서 특정한 속성 을 추출 합 니 다. 예 를 들 어 err 대상 에는 errors 배열 이 포함 되 어 있 고 errors 배열 은 모든 대상 에 msg 속성 을 포함 합 니 다.
err = {
errors: [
{
msg: 'this is a message'
}
]
}
일반 표기 법:
msg=err.errors[0].msg
연속 재 구성 방법:
const [{ msg }] = err.errors
만약 당신 도 전단 지 를 공부 하고 있다 면, 이 블 로 거들 에 게 관심 을 가지 고 전단 지 에 관 한 지식 을 더 많이 배 워 야 합 니 다 ~
블 로 거 홈 페이지 Poetic Code
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.