js操作

tianren124 發布于2019-08-21 15:49 / 3235人閱讀

摘要：日期格式轉換將國際標準格式轉換為年月日將日期格式將日期格式轉為練習將國際標準時間轉換成年月日創建一個日期分別獲取年月日的值將年月日的值拼接成指定格式模版字符串什么時候會用到思考模版字符串使用場景字符串里解析變量函數表達式多行特殊符號轉義

20170521 日期格式轉換

將國際標準格式轉換為"年/月/日"

將日期格式將日期格式"20/05/2017" 轉為 "2017-05-20"

練習1

formatDate1 (data) {
  // 將國際標準時間轉換成"年／月／日"
  // 1.創建一個日期
  // 2.分別獲取年月日的值
  // 3.將年月日的值拼接成指定格式
  let dateStr = new Date(data)

  let year = dateStr.getFullYear()
  let month = dateStr.getMonth() + 1
  let day = dateStr.getDate()

  // es6 模版字符串 什么時候會用到？
  console.log(`${year}/${month}/${day}`)
  return `${year}/${month}/${day}`
}

思考：模版字符串使用場景？

字符串里解析變量、函數、表達式

多行 trim()、特殊符號轉義

嵌套使用

參考：

https://developer.mozilla.org...

http://es6.ruanyifeng.com/#do...模板字符串

練習2

formatDate2 (data) {
  // 將日期格式 "20/05/2017" 轉為 "2017-05-20"
  let str = data
  let newStr = ""
  // 1.split() 分割字符串 
  // 2.數組倒序reverse() 
  // 3.將數組轉換成字符串
  newStr = str.split("/").reverse().join("-")
  return newStr
}

數組常用的屬性和方法

其實看完文檔基本上就忘記了，所以要對內容進行分類方便以后要用的時候方便查找 https://developer.mozilla.org...

總結每種操作對應的方法、對原數組有無更改

更改了原數組的內容和長度：push() unshift()/pop() shift() splice()

不改變原數組長內容和長度：concat() slice() forEach() map()

1. 添加元素

push() 從數組末尾添加元素，返回新數組的length
[].push.call() 添加對象

unshift() 將元素添加到數組開頭，并返回新數組長度

splice()

2. 刪除元素

pop() 從數組中刪除最后一個元素，并返回該元素的值，數組為空返回undefined

shift() 從數組中刪除第一個元素，并返回該元素的值，數組為空返回undefined

splice()

3. 合并數組

push() Array.prototype.push.apply(arr1, arr2) 將arr2添加到arr1

concat() 合并多個數組，返回一個新數組，不會更改原數組

4. 過濾數組

fliter() 以某種規則篩選出通過的元素，返回一個新數組

5. 查找元素

find()

findIndex()

6. 遍歷數組

forEach() 對數組每個元素執行一次函數沒有辦法終止或跳出循環

map() 給數組中的每個元素執行某種操作，不改變原數組，返回值為一個新數組

forEach()和map() 的區別

7. 排序

sort()

reverse()

8. 類型轉換

join() 數組－字符串

9. 淺拷貝數組

slice() [start, end) 選擇一部分拷貝到一個新數組對象，原數組不改變，start從0開始計算
將類數組對象和集合轉換成一個數組，只需將方法綁定到這個對象上即可Array.prototype.slice.call(Object)

10. 迭代器

keys()

entries()

11. 計算

reduce()

經常忘記的具體用法 push 添加元素

描述：push() 從數組末尾添加元素，返回新數組的length

合并數組Array.prototype.push.apply(arr1, arr2) 將arr2添加到arr1

像數組一樣給對象添加對象

var obj = {
  length: 0,
  addElem: function addElem (elem) {
    [].push.call(this, elem)
  }
}

obj.addElem({
  a: 1
})
obj.addElem({
  b: 2
})
console.log(obj.length, obj) //2 Object

slice 淺拷貝數組

[start, end) 選擇一部分拷貝到一個新數組對象，原數組不改變，start從0開始計算

將類數組對象和集合轉換成一個數組，只需將方法綁定到這個對象上即可Array.prototype.slice.call(Object)

filter 過濾數組

// 以某種規則篩選出通過的元素，返回一個新數組
let arr = [1, 2, 3, 4]
function fn (value) {
  return value % 2 === 0
}
console.log(fn(4)) // true
console.log(fn(3)) // false
console.log(arr.filter(fn)) // 2, 4

GPU云服務器云服務器 js 操作 js 數據操作 js表格操作 js日期操作

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88258.html

[譯] Node.js 架構概覽

摘要：文件系統請求和相關請求都會放進這個線程池處理其他的請求，如網絡平臺特性相關的請求會分發給相應的系統處理單元參見設計概覽。譯者按：在 Medium 上看到這篇文章，行文脈絡清晰，闡述簡明利落，果斷點下翻譯按鈕。第一小節背景鋪陳略啰嗦，可以略過。剛開始我給這部分留了個 blah blah blah 直接翻后面的，翻完之后回頭看，考慮完整性才把第一節給補上。接下來的內容干貨滿滿，相信對 N...

antyiwei 2019-08-19 18:43 評論0 收藏0
React.js 小書 Lesson21 - ref 和 React.js 中的 DOM 操作

摘要：多余的操作其實是代碼里面的噪音，不利于我們理解和維護。下一節中我們將介紹小書和容器類組件。 React.js 小書 Lesson21 - ref 和 React.js 中的 DOM 操作本文作者：胡子大哈本文原文：http://huziketang.com/books/react/lesson21 轉載請注明出處，保留原文鏈接以及作者信息在線閱讀：http://huziketan...

Gemini 2019-08-21 17:34 評論0 收藏0
jQuery Deferred對象

摘要：給普通的操作指定回調函數對象的最大優點，就是它把這一套回調函數接口，從操作擴展到了所有操作。方法用于指定對象狀態為已失敗時的回調函數。執行完畢執行成功執行失敗接收一個或多個對象作為參數，為其指定回調函數。什么是deferred對象開發網站的過程中，我們經常遇到某些耗時很長的javascript操作。其中，既有異步的操作（比如ajax讀取服務器數據），也有同步的操作（比如遍歷一個大型...

baoxl 2019-08-20 15:28 評論0 收藏0
JS每日一題：如何理解es6中的Proxy？

20190124問: 如何理解es6中的Proxy？試題解析:對proxy的理解，可能會延伸到vue的雙向綁定 Proxy（代理）定義可以理解為為目標對象架設一層攔截，外界對該對象的訪問，都必須通過這層攔截簡單示例: const obj = new Proxy({}, { get: (target, key, receiver) => { return JS ...

tinysun1234 2019-08-23 14:58 評論0 收藏0
JS每日一題：如何理解es6中的Proxy？

20190124問: 如何理解es6中的Proxy？試題解析:對proxy的理解，可能會延伸到vue的雙向綁定 Proxy（代理）定義可以理解為為目標對象架設一層攔截，外界對該對象的訪問，都必須通過這層攔截簡單示例: const obj = new Proxy({}, { get: (target, key, receiver) => { return JS ...

PumpkinDylan 2019-08-02 14:09 評論0 收藏0
Node.js學習之路07——fs文件系統之對文件或目錄執行的其他操作

摘要：如果打開一個文件的符號鏈接文件進行編輯，操作系統將自動打開符號鏈接中所指向的原文件進行編輯，如果打開一個目錄的符號鏈接文件進行文件的操作編輯或刪除操作，則操作系統將西東打開符號鏈接中所指向的原目錄并執行相應的操作。 8. 對文件或目錄執行的其他操作 8.1 修改文件名字或移動文件目錄fs.rename fs.rename(oldPath, newPath, callback(err...

lordharrd 2019-08-22 14:47 評論0 收藏0