JavaScript 기본 사항 향상 비디오 튜토리얼 및 소스 코드 권장 사항
JavaScript는 기본적으로 유형을 지원하는 동적 유형, 약한 유형의 프로토타입 기반 언어입니다. 해당 인터프리터는 브라우저의 일부이며 클라이언트측 스크립팅 언어에서 널리 사용되는 JavaScript 엔진이라고 합니다. 이는 HTML 웹 페이지에 동적 기능을 추가하기 위해 HTML(Standard Universal Markup Language의 응용 프로그램) 웹 페이지에서 처음 사용되었습니다. .
"JavaScript 기본 강화 비디오 튜토리얼"은 JavaScript의 기본 지식을 설명하는 데 중점을 두고 프로그래밍의 기본 구문을 포함하며 주로 변수, 데이터 유형, 유형 변환, 흐름 제어문, 배열, 단순 유형과 복합 유형의 차이점을 포함합니다. , 및 개체 소개, 사례를 통해 기본 문법을 통합합니다. 이 비디오 세트는 여러분을 놀라운 JavaScript의 세계로 안내할 것입니다.
동영상 재생 주소: http://www.php.cn/course/543.html
이 동영상의 난이도는 논리 능력을 테스트하는 배열 루프입니다. 다음은 다양한 루프 예를 요약한 것입니다.
배열의 요소를 어떻게 순회하나요? 20년 전 JavaScript가 처음 등장했을 때 다음과 같이 배열 순회를 구현할 수 있었습니다:
var arr=["one","two","three"];2 for(var i=0;i<arr.length;i++){3 document.write(arr[i]);4 }ES5의 공식 릴리스 이후 내장된 forEach 메서드를 사용하여 배열을 순회할 수 있습니다.
myArray.forEach(function (value) {
console.log(value);});实际上forEach有三个参数 分别为 值 下标 数组本身 于是我们有[].forEach(function(value, index, array) { // ...});
对比jQuery中的$.each方法：
$.each([], function(index, value, array) { // ...});첫 번째 및 두 번째 매개변수는 정반대입니다. 모두 주의해서 잘못 기억하지 마세요. $.map과 같은 유사한 메소드의 경우에도 마찬가지입니다.
$.each(Array, function(i, value) {
Array //数组 this; //this指向当前元素
i; //i表示Array当前下标
value; //value表示Array当前元素});
var arr = [ "one", "two", "three", "four"];
$.each(arr, function(){
alert(this);
});
//上面这个each输出的结果分别为：one,two,three,four
var obj = { one:1, two:2, three:3, four:4};
$.each(obj, function(key, val) {
alert(obj[key]);
});
//这个each就有更厉害了，能循环每一个属性
//输出结果为：1 2 3 4예:
arr.forEach(function(i,j,v){
document.write("<br />数组的值"+i+
"<br />数组的下标"+j+","+
"<br />数组本身"+v+"---")
})이 코드는 더 간결해 보이지만 이 방법에는 작은 결함도 있습니다.
forEach는 충분히 유연하지 않습니다.
arr.forEach는 사용하기 쉽지 않습니다. 중단하기 위해 break 문을 사용할 수 없습니다. 루프를 사용하거나 사용할 수 없습니다. return 문은 외부 함수로 반환됩니다.
물론 for 루프 구문을 사용하여 배열 요소를 순회하는 것도 좋습니다.
그러면 for-in 루프를 시도해보고 싶을 것입니다:
for (var index in myArray) { // 千万别这样做 console.log(myArray[index]);
}이 코드에서 index에 할당된 값은 실제 숫자가 아니라 문자열 "0", "1", "2"입니다. "2" + 1 == "21"과 같은 문자열 산술 계산을 실수로 수행할 가능성이 매우 높으며, 이는 인코딩 프로세스에 큰 불편을 초래합니다.
간단히 말하면
for-in은 일반 객체용으로 설계되었기 때문에 문자열 유형의 키를 얻을 수 있으므로 배열 탐색에는 적합하지 않습니다.
for...in은 배열 순회에 적합하지 않습니다.
for...in은 사용자 정의 속성이나 프로토타입 속성도 순회하며, 인덱스는 숫자 값이 아닌 문자열이며 어떤 경우에는 순회조차 되지 않습니다. order
강력한 for -of 루프
ES6은 작성한 JS 코드를 손상시키지 않습니다. 현재 수천 개의 웹 사이트가 for-in 루프에 의존하고 있으며 일부는 배열 탐색에도 사용하는 것 같습니다. for-in 루프를 수정하여 배열 순회 지원을 추가하면 더욱 혼란스러워질 수 있으므로 표준 위원회는 현재 문제를 해결하기 위해 ES6에 새로운 루프 구문을 추가했습니다.
객체를 순회하기 위해 for...in을 사용하는 것만큼 간단하고 사용하기 쉬운, 배열을 순회하는 더 편리한 방법이 필요합니다. 즉, for...of
이렇습니다:
for (var value of myArray) {
console.log(value);
}예, 이렇게 합니다. 이전 내장 메소드에 비해 루프가 친숙해 보입니까? 자, for-of 루프의 모습 아래 어떤 강력한 기능이 숨겨져 있는지 살펴보겠습니다. 지금은 다음 사항만 기억하세요.
이것은 배열 요소를 반복하는 가장 간결하고 간단한 구문입니다.
이 메서드는 for-in 루프의 모든 함정을 피합니다.
forEach()와 달리 break, continue 및 return 문에 올바르게 응답합니다.
for-in 루프는 객체 속성을 탐색하는 데 사용됩니다.
for-of 루프는 배열의 값과 같은 데이터를 반복하는 데 사용됩니다.
하지만 그것만이 아닙니다!
for-of 루프는 다른 컬렉션도 탐색할 수 있습니다.
for-of 루프는 배열을 지원할 뿐만 아니라 DOM NodeList 개체와 같은 대부분의 배열과 유사한 개체도 지원합니다.
for-of 루프는 문자열을 순회할 일련의 유니코드 문자로 처리하는 문자열 순회도 지원합니다.
for (var value of myArray) {
console.log(value);
}Map 및 Set 객체 순회도 지원합니다.
$.map(array,function)
구문 분석: 배열의 각 요소에 대해 함수 함수를 호출하여 처리한 다음 결과를 반환하여 새 배열을 얻습니다.
예를 통한 설명: 배열의 각 요소에 2를 곱하고 새 배열을 반환합니다. 코드는 다음과 같습니다
<html>
<head>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
var arr = [2,3,6];
var arr2 = $.map(arr,function(item){return item*2;});
for(var i=0,len=arr2.length;i<len;i++){
document.write(arr2[i]+"<br />");//结果为 4 6 12
}
</script>
</head>
</html>추가 설명: 항목은 각 요소를 나타냅니다. 이는 형식적인 매개변수이며 다른 항목으로 대체될 수 있습니다.
이 영상의 선생님은 생생하고 교실 분위기가 매우 활발하여 교실에서 학습에 대한 학생들의 열정을 충분히 동원할 수 있습니다. 강의는 세부 사항에주의를 기울이고 지식 포인트를 빠뜨리지 않고 작은 지식 포인트를 자세히 설명합니다.
코스웨어 소스 코드: http://www.php.cn/xiazai/code/1812
위 내용은 JavaScript 기본 사항 향상 비디오 튜토리얼 및 소스 코드 권장 사항의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7517
15
1378
52
79
11
53
19
21
66
Dewu 사용법 튜토리얼
Mar 21, 2024 pm 01:40 PM
Dewu APP는 현재 매우 인기 있는 브랜드 쇼핑 소프트웨어이지만 대부분의 사용자는 Dewu APP의 기능을 사용하는 방법을 모릅니다. 다음으로 편집기는 Dewuduo를 사용자에게 제공합니다. 관심 있는 사용자는 와서 살펴볼 수 있습니다! Dewu 이용방법 튜토리얼 [2024-03-20] Dewu 할부구매 이용방법 [2024-03-20] Dewu 쿠폰 받는 방법 [2024-03-20] Dewu 매뉴얼 고객센터 찾는 방법 [2024-03- 20] 듀우 픽업 코드 확인 방법 [2024-03-20] 듀우 구매처 찾기 [2024-03-20] 듀우 VIP 개설 방법 [2024-03-20] 듀우 반품, 교환 신청 방법
권장 사항: 우수한 JS 오픈 소스 얼굴 감지 및 인식 프로젝트
Apr 03, 2024 am 11:55 AM
얼굴 검출 및 인식 기술은 이미 상대적으로 성숙하고 널리 사용되는 기술입니다. 현재 가장 널리 사용되는 인터넷 응용 언어는 JS입니다. 웹 프런트엔드에서 얼굴 감지 및 인식을 구현하는 것은 백엔드 얼굴 인식에 비해 장점과 단점이 있습니다. 장점에는 네트워크 상호 작용 및 실시간 인식이 줄어 사용자 대기 시간이 크게 단축되고 사용자 경험이 향상된다는 단점이 있습니다. 모델 크기에 따라 제한되고 정확도도 제한됩니다. js를 사용하여 웹에서 얼굴 인식을 구현하는 방법은 무엇입니까? 웹에서 얼굴 인식을 구현하려면 JavaScript, HTML, CSS, WebRTC 등 관련 프로그래밍 언어 및 기술에 익숙해야 합니다. 동시에 관련 컴퓨터 비전 및 인공지능 기술도 마스터해야 합니다. 웹 측면의 디자인으로 인해 주목할 가치가 있습니다.
여름에는 꼭 무지개를 찍어보세요
Jul 21, 2024 pm 05:16 PM
여름에 비가 내린 후에는 아름답고 마법 같은 특별한 날씨 장면인 무지개를 자주 볼 수 있습니다. 이 역시 사진에서 볼 수 있는 보기 드문 장면으로, 매우 포토제닉하다. 무지개가 나타나는 데에는 몇 가지 조건이 있습니다. 첫째, 공기 중에 충분한 물방울이 있고, 둘째, 태양이 낮은 각도로 빛납니다. 따라서 비가 그친 후 오후에 무지개를 보는 것이 가장 쉽습니다. 그러나 무지개의 형성은 날씨, 빛, 기타 조건의 영향을 크게 받기 때문에 일반적으로 짧은 시간 동안만 지속되며, 가장 잘 볼 수 있고 촬영할 수 있는 시간은 더욱 짧습니다. 그러면 무지개를 만났을 때 어떻게 제대로 기록하고 고품질로 사진을 찍을 수 있습니까? 1. 무지개를 찾아보세요. 위에서 언급한 조건 외에도 무지개는 대개 햇빛 방향으로 나타납니다. 즉, 태양이 서쪽에서 동쪽으로 빛날 경우 무지개가 동쪽에서 나타날 확률이 높습니다.
WeChat에서 결제 소리를 끄는 방법에 대한 튜토리얼
Mar 26, 2024 am 08:30 AM
1. 먼저 위챗을 엽니다. 2. 오른쪽 상단의 [+]를 클릭하세요. 3. QR코드를 클릭하시면 결제가 진행됩니다. 4. 오른쪽 상단에 있는 세 개의 작은 점을 클릭하세요. 5. 결제도착 음성알림을 클릭하시면 종료됩니다.
DisplayX(모니터 테스트 소프트웨어) 튜토리얼
Mar 04, 2024 pm 04:00 PM
모니터 구입 시 테스트는 파손 구입을 피하기 위해 꼭 필요한 부분입니다. 오늘은 모니터 테스트를 위한 소프트웨어 사용법을 알려드리겠습니다. 방법 단계 1. 먼저 본 사이트에서 DisplayX 소프트웨어를 검색하여 다운로드한 후 설치하고 열면 사용자에게 제공되는 다양한 감지 방법을 확인할 수 있습니다. 2. 사용자는 일반 전체 테스트를 클릭합니다. 첫 번째 단계는 디스플레이의 밝기를 테스트하여 상자가 선명하게 보이도록 조정하는 것입니다. 3. 그런 다음 마우스를 클릭하여 다음 링크를 입력합니다. 모니터가 각 흑백 영역을 구분할 수 있으면 모니터가 여전히 양호하다는 의미입니다. 4. 마우스 왼쪽 버튼을 다시 클릭하면 모니터의 그레이스케일 테스트를 볼 수 있습니다. 색상 전환이 매끄러울수록 모니터가 더 좋아진 것입니다. 5. 또한, 우리는 displayx 소프트웨어에서
photoshopcs5는 어떤 소프트웨어인가요? -photoshopcs5 사용법 튜토리얼
Mar 19, 2024 am 09:04 AM
PhotoshopCS는 Photoshop Creative Suite의 약자로 Adobe에서 제작한 소프트웨어입니다. 그래픽 디자인 및 이미지 처리에 널리 사용됩니다. PS를 처음 배우는 사용자로서 오늘은 photoshopcs5가 무엇인지, photoshopcs5를 사용하는 방법에 대해 설명하겠습니다. . 1. Photoshop CS5는 어떤 소프트웨어입니까? Adobe Photoshop CS5 Extended는 영화, 비디오 및 멀티미디어 분야의 전문가, 3D 및 애니메이션을 사용하는 그래픽 및 웹 디자이너, 엔지니어링 및 과학 분야의 전문가에게 이상적입니다. 3D 이미지를 렌더링하고 이를 2D 합성 이미지로 병합합니다. 쉽게 비디오 편집
전문가가 가르쳐드립니다! Huawei 휴대폰에서 긴 사진을 자르는 올바른 방법
Mar 22, 2024 pm 12:21 PM
스마트폰의 지속적인 발전과 함께 휴대폰의 기능은 점점 더 강력해졌고, 그 중 장사진 촬영 기능은 많은 사용자들이 일상생활에서 사용하는 중요한 기능 중 하나로 자리 잡았다. 긴 스크린샷은 사용자가 쉽게 보고 공유할 수 있도록 긴 웹페이지, 대화 기록, 사진을 한 번에 저장하는 데 도움이 됩니다. 많은 휴대폰 브랜드 중에서 Huawei 휴대폰은 사용자들로부터 높은 평가를 받는 브랜드 중 하나이며, 긴 사진을 자르는 기능도 높은 평가를 받고 있습니다. 이 기사에서는 Huawei 휴대폰으로 장사진을 찍는 올바른 방법과 Huawei 휴대폰을 더 잘 활용하는 데 도움이 되는 몇 가지 전문가 팁을 소개합니다.
PHP 튜토리얼: int 유형을 문자열로 변환하는 방법
Mar 27, 2024 pm 06:03 PM
PHP 튜토리얼: Int 유형을 문자열로 변환하는 방법 PHP에서는 정수 데이터를 문자열로 변환하는 것이 일반적인 작업입니다. 이 튜토리얼에서는 특정 코드 예제를 제공하면서 PHP의 내장 함수를 사용하여 int 유형을 문자열로 변환하는 방법을 소개합니다. 캐스트 사용: PHP에서는 캐스트를 사용하여 정수 데이터를 문자열로 변환할 수 있습니다. 이 방법은 매우 간단합니다. 정수 데이터 앞에 (문자열)을 추가하면 문자열로 변환됩니다. 아래는 간단한 샘플 코드입니다.
