詳細介紹es5與es6常用陣列方法

2021-09-25 09:37:42 字數 1005 閱讀 9424

陣列是我們在編寫**的時候常用的一種基本資料型別,但是方法太多,容易忘記。這裡介紹了常用的es5與es6的一些常用陣列的方法。

push() 從隊尾新增,改變原陣列

pop() 移除陣列末尾最後一項,返回移除的項

shift() 刪除陣列第一項,返回刪除元素的值,如果陣列為空返回undefined

unshift() 新增頭部,改變原陣列

sort() 陣列排序,引數為乙個匿名函式,如果匿名函式返回正值,則公升序排列,反之相反

reverse() 翻轉陣列項的順序 原陣列改變

concat() 將引數新增到原陣列,將引數新增到陣列的末尾,並返回乙個新陣列,不改變原陣列

slice() 返回原陣列中指定開始下標到結束下標之間的項組成的新陣列,slice接受兩個引數,如果致謝乙個引數,slice方法返回從該引數到陣列末尾的所有項,如果有兩個引數,該方法返回起始位置和結束位置之間的項,但不包括結束位置的項

splice() 可以實現刪除,插入,替換 刪除(可以刪除任意屬相的項,只需要指定2個引數,要刪除的第一項的位置和要刪除的項) 插入,替換(可以向指定位置插入任意數量的項,只需提供3個引數:起始位置,0(要刪除的項),插入的項),splice()方法始終都會返回乙個陣列,陣列中包括從原陣列中刪除的項,如果沒有刪除任何項則返回乙個空陣列

some() 判斷陣列中是否存在滿足條件的項,只要有一項滿足條件,就返回true

every() 判斷陣列中每一項都是否滿足條件,只有所有選項都滿足條件,才會返回true

filter() 過濾功能,陣列中的每一項執行給定函式,返回滿足過濾條件組成的陣列

foreach() 對陣列進行迴圈遍歷,對陣列中的每一項執行給定函式,這個方法沒有返回值,引數都是function型別,預設有傳參功能,引數分別是,便利的陣列內容,對應的索引,陣列本身

indexof() 接受兩個引數,要查詢的項和表示查詢起點位置的索引,返回查詢的項在陣列的位置,沒找到的情況下返回-1

Es5及Es6常用陣列的概括

陣列方法概括 方法 功能引數 返回值是否改變原資料 push 最後位置新增 要增加的資料 可多個 陣列增加後的長度 是unshift 開始位置新增 要增加的資料 可多個 陣列增加後的長度 是pop 刪除最後一位 無刪除的資料 是shift 刪除第一位 無刪除的資料 是join 將陣列轉成字元 轉成字...

ES6與ES5差別簡述

es6與es5差別 1 es6新增了let命令,用來宣告變數。它的用法類似於var,但是所宣告的變數,只在let命令所在的 塊內有效。a 1 b undefined let不像var存在變數提公升,即變數一定要宣告之後才能使用。2 塊級作用域 es5只有全域性作用域和函式作用域,沒有塊級作用域。3 ...

es5繼承與es6繼承

es5中的繼承方式 1.原型鏈繼承 缺點 1.建立例項時無法像父類建構函式傳遞引數 2.因為指定了原型,所以不能實現多繼承 3.父類建構函式上的屬性被所有子類共用,給原型上的屬性賦值會改變其他子類的屬性值 es5 const parent function name,age parent.proto...