JavaScript ES6 中更簡易的迴圈寫法for … of 處理陣列字串

過去我們可以使用 for, while, do while, for...in 等內在的函式來處理資料,而在 ES6 中我們多了 for...of 這個簡易的用法來處理這些疊代型的資料(iterable objects),包含陣列、字串、map、set、等等...。 陣列中 for...of 的基本用法 for...of 的使用非常簡單,以陣列為例: let arr = [10, 20, 30] for(let value of arr){ console.log(value); // 10, 20, 30 }...

如何使用JavaScript直接觸發開啟瀏覽器列印視窗print()

使用print()函數帶入document可將本頁面文本資料,直接由瀏覽器內建列印的對話視窗開啟列印。 HTML <input name="print" onclick="varitext()" type="button" value="列印此頁"></input> Javascript function varitext(){ var text = document print(text) } Demo See the Pen...

如何使用Javascript檢查數字float浮點數還是int整數

isFloat and isInteger in javascript 解決的方法可以使用下列函數來檢查上isFloat和isInteger function isFloat(n) { return n === +n && n !== (n|0); } function isInteger(n) { return n === +n && n === (n|0); } Demo See the Pen How do check that a number is a float or integer...

如何使用Javascript 陣列Array前後加入元素

push() 在陣列的末端加入一個以上的元素,並返回新的陣列長度。 var a = [1, 2]; a.push(3); print(a); // 1,2,3 unshift() 在陣列的開頭處加入一個以上的元素,並返回新的陣列長度。 var a1 = [1, 2, 3]; a1.unshift(4); print(a1); //...

如何使用JavaScript正規表示式顯示數值千分位

JavaScript如何使用正規表示式顯示數值千分位 n = 1279834847944074100465236.33; re = /(d{1,3})(?=(d{3})+(?:$|D))/g ; n1 = n.replace(re,$1,); Demo See the Pen How does JavaScript display a numeric thousand position using a regular expression? by Leon Cheng (@jq153387) on CodePen....

如何使用JavaScript獲取月份最後一天日期與天數

在JS中如果使用new Date函數,可以使用傳參數形式獲取某一月的最後一天,並且自動判斷潤平年和大小月,如下: //使用new Date(year,month,0)的方式,可以獲取該月份最後一天日期 var lastDay = new Date('2019','05',0); 輸出結果 分別獲取年月日 要進一步行判斷,這個時候可以使用以下方法分別獲取年月日: var lastDay= new Date('2019','05',0); var year...

如何使用JavaScript計算兩日期相差天數

var DateDiff = function (sDate1, sDate2) { // sDate1 和 sDate2 是 2016-06-18 格式 var oDate1 = new Date(sDate1); var oDate2 = new Date(sDate2); var iDays = parseInt(Math.abs(oDate1 - oDate2) / 1000 / 60 / 60 / 24); // 把相差的毫秒數轉換為天數 return iDays; }; var GetDateDiff1 =...

React Router 4子路由使用Layout設定

再過去版本中可使用IndexRoute作為設定首頁進入點,但在React Router 4設定上有所改變,全都使用Route,而需要設定為首頁加入exact屬性。在Layout方面本來使用Route帶入元件,在React Router 4直接使用react元件,如下在Layout元件中使用this.props.children顯示子路由。 import React, { Component } from react; import ReactDOM from react-dom; import { Router, Route,...