JavaScript

在JavaScript中，檢查一個字串是否以另一個子字串開頭是一個常見的需求。下面介紹如何在JavaScript中執行這個檢查。 2015年引入的ES6標準為String原型對象添加了startsWith()方法。 這是在現代JavaScript中執行這個檢查的方法。 這意味著你可以在任何字串上調用startsWith()方法，提供一個子字串作為參數，然後檢查結果是否為true或false： 'testing'.startsWith('test') //true 'going on testing'.startsWith('test') //false 這個方法接受第二個參數，用於指定從哪個字符開始進行檢查： 'testing'.startsWith('test', 2) //false 'going on testing'.startsWith('test', 9) //true

了解如何檢查變量是否等於空對象 假設你想要檢查一個變量是否等於空對象，可以使用對象字面語法創建空對象： const emptyObject = {} 你要如何做到呢？ 使用Object.entries()函數。 它會返回一個包含對象可枚舉屬性的數組。 使用方式如下： Object.entries(objectToCheck) 如果返回一個空數組，則表示該對象沒有任何可枚舉屬性，從而意味著它是空的。 Object.entries(objectToCheck).length === 0 同時，你還應該確保該對象真正是一個對象，通過檢查它的構造函數是否為Object： objectToCheck.constructor === Object 一個常用的庫Lodash可以簡化這個過程，提供了isEmpty()函數： _.isEmpty(objectToCheck)

要如何確定變數值是否為數字呢？ 我們有多種方式來檢查變數值是否為數字。 第一種方式是使用isNaN()，這是一個全域變數，在瀏覽器中被分配到window物件： const value = 2; isNaN(value); // false isNaN('test'); // true isNaN({}); // true isNaN(1.2); // false 如果isNaN()返回false，則該值是一個數字。 另一種方式是使用typeof運算子。如果將其應用於數字值，它將返回字串'number'： typeof 1; // 'number' const value = 2; typeof value; // 'number' 因此，你可以像這樣進行條件檢查： const value = 2; if (typeof value === 'number') { //它是一個數字 }

在JavaScript中，如何使用日期对象来表示10天后、一周后、一个月后的日期？ 在JavaScript中处理日期总是有趣的。我无数次地写过关于这个主题的文章，但总有更多的东西需要学习。 请务必查看我的JavaScript日期指南 今天，我有解决这个问题的方法：你有一个JavaScript中的日期对象，你想要在它上面添加一些天数。 你应该如何做到这一点呢？ 这是一个代表今天的日期： const my_date = new Date() 假设我们想要获取“30天后”的日期。 我们可以使用setDate()和getDate()方法，像这样： my_date.setDate(my_date.getDate() + 30)

我有一個循環，在該循環中我想要調用一個API多次，例如500次。 API實現了速率限制，即使沒有實現，很快地發送這麼多請求也是不友善的。 所以我想要減慢循環的速度。那該怎麼做？ 事實上，這是相當簡單的，一旦你設置了一個sleep()函數，你就不需要進行更改： const sleep = (milliseconds) => { return new Promise(resolve => setTimeout(resolve, milliseconds)) } 然後你可以在每次迭代中調用await sleep(1000)來暫停1秒，像這樣： const list = [1, 2, 3, 4] const doSomething = async () => { for (const item of list) { await sleep(1000) console.log('🦄') } } doSomething()

今天我有需要檢查一個物件是否為空的需求。 由於在JavaScript中，物件是透過參考來進行比較的，因此無法像下面這樣進行簡單的比較： const obj = {} if (obj === {}) { //no } 解決方法是將該物件傳遞給內建的 Object.keys() 方法，然後檢查該物件的建構函式是否為 Object： const obj = {} Object.keys(obj).length === 0 && obj.constructor === Object 重要的是要添加第二個檢查，以避免出現誤報。

假設你想在JavaScript中為多個元素添加事件監聽器，該如何實現呢？ 在JavaScript中，你可以使用以下語法為單個元素添加事件監聽器： document.querySelector('.my-element').addEventListener('click', event => { // 處理點擊事件 }) 但是，如果你想將相同的事件附加到多個元素上，該怎麼辦呢？ 也就是說，如何同時在多個元素上調用addEventListener()？ 你可以通過2種方式實現這一目標。一種是使用循環，另一種是使用事件冒泡。 使用循環 循環概念上是最簡單的。 你可以使用querySelectorAll()獲取具有特定類名的所有元素，然後使用forEach()對它們進行迭代： document.querySelectorAll('.some-class').forEach(item => { item.addEventListener('click', event => { // 處理點擊事件 }) }) 如果你的元素沒有共同的類名，你可以即時構建一個數組： [document.querySelector('.a-class'), document.querySelector('.another-class')].forEach(item => { item.addEventListener('click', event => { // 處理點擊事件 }) }) 使用事件冒泡 另一個選項是依賴於事件冒泡，並將事件監聽器附加到body元素上。 事件總是由最特定的元素來處理，因此你可以立即檢查是否是應該處理事件的元素之一： const element1 = document.querySelector('.a-class') const element2 = document.querySelector('.another-class') body.addEventListener('click', event => { if (event.target !== element1 && event.target !== element2) { return } // 處理點擊事件 })

給定兩個JavaScript的Date對象，我該如何獲取這兩個日期之間的日期（也表示為Date對象）列表？ 我曾經遇到這個問題：給定兩個JavaScript的Date對象，我該如何獲取這兩個日期之間的日期（也表示為Date對象）列表？ 這裡有一個用於計算日期的函數： 它以兩個日期對象作為參數，並返回一個日期對象的數組： const getDatesBetweenDates = (startDate, endDate) => { let dates = [] // 為了避免修改原始日期 const theDate = new Date(startDate) while (theDate < endDate) { dates = [...dates, new Date(theDate)] theDate.setDate(theDate.getDate() + 1) } return dates } 使用示例： const today = new Date() const threedaysFromNow = new Date(today) threedaysFromNow.setDate(threedaysFromNow.getDate() + 3) getDatesBetweenDates(today, threedaysFromNow) 如果你還想包括起始日期和結束日期，可以使用下面這個版本，在最後添加它們： const getDatesBetweenDates = (startDate, endDate) => { let dates = [] // 為了避免修改原始日期 const theDate = new Date(startDate) while (theDate < endDate) { dates = [....

了解如何在JavaScript函數中添加預設參數值 預設參數值在2015年的ES6中引入，並且在現代瀏覽器中被廣泛實現。 這是一個接受param1的doSomething函數。 const doSomething = (param1) => { } 如果在調用函數時沒有指定參數，我們可以為param1添加一個預設值： const doSomething = (param1 = 'test') => { } 當然，這對於更多參數也同樣適用： const doSomething = (param1 = 'test', param2 = 'test2') => { } 如果您有一個帶有參數值的獨特對象呢？ 從前，如果我們需要將一個包含選項的對象傳遞給函數，在其中為那些選項提供默認值（如果其中一個未定義），則必須在函數內部添加一些代碼： const colorize = (options) => { if (!options) { options = {} } const color = ('color' in options) ? options.color : 'yellow' ... } 使用解構賦值，您可以提供默認值，這大大簡化了代碼： const colorize = ({ color = 'yellow' }) => { ....

了解在JavaScript中如何使用不同方法跳出for循环或for..of循环 假设你有一个for循环： const list = ['a', 'b', 'c'] for (let i = 0; i < list.length; i++) { console.log(`${i} ${list[i]}`) } 如果你想在某个特定点跳出循环，比如当你到达元素b时，你可以使用break语句： const list = ['a', 'b', 'c'] for (let i = 0; i < list.length; i++) { console.log(`${i} ${list[i]}`) if (list[i] === 'b') { break } } 你也可以使用break来跳出一个for..of循环： const list = ['a', 'b', 'c'] for (const value of list) { console.log(value) if (value === 'b') { break } } 注意：无法跳出forEach循环，所以（如果需要），请使用for或for....