1. 程式人生 > 其它 >使用wkhtmltopdf外掛實現html轉pdf

使用wkhtmltopdf外掛實現html轉pdf

Array

Array中的forEach()與each()

forEach()

forEach(function(value,index){
    
})

forEach()返回的值首先是陣列元素的值,其次是元素的索引

each()

each(function(index,value){

})

each()返回的值首先是陣列元素的索引,其次是元素的值

each可以遍歷偽陣列

反轉陣列中的元素reverse()

  • 作用:將陣列中的元素反向排列

陣列中的元素拼接位字串join()

  • 引數:拼接用於連線陣列元素的字元
  • 返回值:字串

建立陣列的方法

  • new Array()建構函式

陣列中的空位

陣列的某個位置是空位,與某個位置是undefined,是不一樣的。

  • length屬性會忽略陣列的空位,不影響length屬性的值
  • forEach,Object.keys,for in 會忽略陣列的空位
    • 如果某個位置是undefined,遍歷的時候就不會被跳過。

push

  • 改變原陣列
  • 返回新陣列的長度

pop

  • 改變原陣列
  • 返回去掉的元素

pushpop結合使用,就構成了“後進先出”的棧結構(stack)。

reverse

  • 改變原陣列

slice

  • 提取陣列的一部分
    • 原陣列不變
  • 返回新陣列

偽陣列轉化為陣列需要滿足

  • 有length屬性
  • 有數字屬性
  • Array.prototype.slice.call()

splice 增刪查

  • 改變原陣列
  • 返回被刪除的元素

map方法第二個引數

  • 可以指定第一個引數的回撥函式的this指向

forEach方法第二個引數

  • 可以指定第一個引數的回撥函式的this指向

使用reduce實現陣列中最長的元素

function findLongest(arr){
  return arr.reduce((longest, next) => {
    return longest.length > next.length? longest: next
  })
}
const arr = ['2222','222222','11111111111111']
console.log(findLongest(arr)); // 11111111111111