JS基礎知識識記錄

NSFish 發(fā)布于2019-08-21 18:27 / 1142人閱讀

摘要：過濾功能，數(shù)組中的每一項運行給定函數(shù)，返回滿足過濾條件組成的數(shù)組。最后一次調用回調函數(shù)返回的結果方法從一個類似數(shù)組或可迭代對象中創(chuàng)建一個新的數(shù)組實例。可選參數(shù)可選參數(shù)，執(zhí)行回調函數(shù)時對象。

數(shù)組的方法

pop push shift unshift reverse sort splice contact join toStrint slice indexof every some map reduce from lastIndexOf

改變原數(shù)組

shift()t:刪除數(shù)組的第一個元素,返回刪除的值。這里是0
unshift(3,4):把參數(shù)加載數(shù)組的前面，返回數(shù)組的長度?，F(xiàn)在list:中是3,4,0,1,2
pop():刪除數(shù)組的最后一個元素，返回刪除的值。這里是2.
push(3):將參數(shù)加載到數(shù)組的最后，返回數(shù)組的長度，現(xiàn)在List中時：0,1,2,3
reverse() 方法用于顛倒數(shù)組中元素的順序
sort() 方法用于對數(shù)組的元素進行排序,在原數(shù)組上進行排序；
splice(index,howmany,item1,item2...itemx) 方法從index位置刪除howmany個元素，并在index位置處添加幾個元素，如果有刪除元素，然后返回被刪除的項目，同時也改變了原數(shù)組

不改變原數(shù)組：

concat（）連接兩個或多個數(shù)組值或是數(shù)組 arrayObject.concat(arrayX,arrayX,......,arrayX)；
join() 方法用于把數(shù)組中的所有元素放入一個字符串;
toString() 方法可把數(shù)組轉換為字符串，并返回結果，不改變原數(shù)組
slice(start，end) 方法可從已有的數(shù)組中返回選定的元素（子數(shù)組）,start可為負，end 可選；
indexOf()：接收兩個參數(shù)：要查找的項和（可選的）表示查找起點位置的索引。其中，從數(shù)組的開頭（位置 0）開始向后查找。找到之后返回該項在數(shù)組中的索引，未找到返回-1
lastIndexOf：接收兩個參數(shù)：要查找的項和（可選的）表示查找起點位置的索引。其中，從數(shù)組的末尾開始向前查找。找到之后返回該項在數(shù)組中的索引，未找到返回-1
forEach()：對數(shù)組進行遍歷循環(huán)，對數(shù)組中的每一項運行給定函數(shù)。這個方法沒有返回值。參數(shù)都是function類型，默認有傳參，參數(shù)分別為：遍歷的數(shù)組內容；第對應的數(shù)組索引，數(shù)組本身。(es5)
···js
var arr = [1, 2, 3, 4, 5];
arr.forEach(function(x, index, a){
console.log(x + "|" + index + "|" + (a === arr));
});

// 輸出為：
// 1|0|true
// 2|1|true
// 3|2|true
// 4|3|true
// 5|4|true

map()：指“映射”，對數(shù)組中的每一項運行給定函數(shù)，返回每次函數(shù)調用的結果組成的數(shù)組。

下面代碼利用map方法實現(xiàn)數(shù)組中每個數(shù)求平方。

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.map(function(item){
return item*item;
});
console.log(arr2); //[1, 4, 9, 16, 25]

filter(function(x,index))：“過濾”功能，數(shù)組中的每一項運行給定函數(shù)，返回滿足過濾條件組成的數(shù)組。默認傳入的值為數(shù)組值和當前索引

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var arr2 = arr.filter(function(x, index) {
return index % 3 === 0 || x >= 8;
});
console.log(arr2); //[1, 4, 7, 8, 9, 10]

every(function(x,index,arr){})：判斷數(shù)組中每一項都是否滿足條件，只有所有項都滿足條件，才會返回true。

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.every(function(x) {
return x < 10;
});
console.log(arr2); //true
var arr3 = arr.every(function(x) {
return x < 3;
});
console.log(arr3); // false

some()：判斷數(shù)組中是否存在滿足條件的項，只要有一項滿足條件，就會返回true。

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.some(function(x) {
return x < 3;
});
console.log(arr2); //true
var arr3 = arr.some(function(x) {
return x < 1;
});
console.log(arr3); // false

arr.reduce([callback, initialValue]) callback
執(zhí)行數(shù)組中每個值的函數(shù)，包含四個參數(shù):
previousValue
上一次調用回調函數(shù)返回的值，或者是提供的初始值（initialValue）
currentValue
數(shù)組中當前被處理的元素
currentIndex
當前被處理元素在數(shù)組中的索引, 即currentValue的索引.如果有initialValue初始值, 從0開始.如果沒有從1開始.
array
調用 reduce 的數(shù)組 initialValue 可選參數(shù), 作為第一次調用 callback 的第一個參數(shù)。最后一次調用回調函數(shù)返回的結果
Array.from(arrayLike, mapFn, thisArg) 方法從一個類似數(shù)組或可迭代對象中創(chuàng)建一個新的數(shù)組實例。
arrayLike想要轉換成數(shù)組的偽數(shù)組對象或可迭代對象。
mapFn (可選參數(shù))如果指定了該參數(shù)，新數(shù)組中的每個元素會執(zhí)行該回調函數(shù)。
thisArg (可選參數(shù))可選參數(shù)，執(zhí)行回調函數(shù) mapFn 時 this 對象。
返回一個新的數(shù)組（es6）

創(chuàng)建一個空對象的方式

var ob = {}
var ob = new Object()
var ob = Object.create(null)

前兩種創(chuàng)建方式會有原型，第三種方式是真正意義上的空對象，無原型

云服務器 GPU云服務器 js 視頻搜索記錄 js記錄返回數(shù)據(jù) js查詢搜索記錄 js中實現(xiàn)歷史記錄

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

轉載請注明本文地址：http://www.ezyhdfw.cn/yun/90480.html

mongo出識以及對數(shù)組的操作

摘要：熱身完畢，數(shù)組時間到。為只返回的鍵值對還是要加雙引號哦不等于類似于操作查看版本查看當前機器連接地址如如果你想創(chuàng)建一個的數(shù)據(jù)庫，先運行命令，之后就做一些操作如這樣就可以創(chuàng)建一個名叫的數(shù)據(jù)庫。如果你還沒有安裝，可以參考下這個文章，mondodb基本安裝和curd 首先推薦個工具，no-sql-manager-for-mongodb-professional，雖然收費，但是每個月可以重新注...

jk_v1 2019-06-26 16:57 評論0 收藏0
博客園申請及頁面定制CSS

摘要：二博客園申請及開通權限遇到的第一個問題就是填寫申請博客理由，問度娘要了一個回答粘貼上居然被拒了，無奈只好自己寫了打算在博客里記錄下的新技能和遇到的問題解決方案，幫自己沉淀同時也分享給他人，還望審核員此次能夠予以通過。一、背景　　剛剛工作滿一年，感覺到工作后在學習方面和之前還是有些不一樣的：在校會有系統(tǒng)的整理歸納基礎知識和逐步學習的一個過程，最后考試進行比較全面的知識掌握程度檢測；而在工作上...

Kyxy 2019-04-23 13:11 評論0 收藏0
學不動了?可能方法不太對-Grid 網格布局

摘要：前情提要本人是一個學渣非科班入行年了吧前端東西真的好多啊又不斷更新需要不斷的學學學在去年年底開始我就開始不斷的尋找學習的方法如何更加高效的學習如何才能學的又快又好在這半年來不斷的總結慢慢找到了一些方法和訣竅此文章不是網格布局的教學文章只前情提要 ??本人是一個學渣,非科班入行2年了吧,前端東西真的好多啊,又不斷更新.需要不斷的學學學, showImg(https://user-gold-c...

happyfish 2019-05-22 16:41 評論0 收藏0
前端面試系列--前言篇

摘要：這個系列的文章將記錄我準備春招的整個過程，我會將自己學習到的新知識記錄在這個系列里文章目錄前言說明準備方向目標前言說明作為半個科班出身學數(shù)學的應屆生，在學習計算機的時候還是比較吃力的，從今年月份開始接觸前端，到現(xiàn)在也有個月左右了。這個系列的文章將記錄我準備春招的整個過程，我會將自己學習到的新知識記錄在這個系列里文章目錄前言說明準備方向目標前言說明 ??作為半個科班出身...

sshe 2019-08-23 12:57 評論0 收藏0
前端面試系列--前言篇

摘要：這個系列的文章將記錄我準備春招的整個過程，我會將自己學習到的新知識記錄在這個系列里文章目錄前言說明準備方向目標前言說明作為半個科班出身學數(shù)學的應屆生，在學習計算機的時候還是比較吃力的，從今年月份開始接觸前端，到現(xiàn)在也有個月左右了。這個系列的文章將記錄我準備春招的整個過程，我會將自己學習到的新知識記錄在這個系列里文章目錄前言說明準備方向目標前言說明 ??作為半個科班出身...

zsirfs 2019-08-02 11:56 評論0 收藏0