ES5新增 陣列,字串,物件方法

2022-09-15 07:09:10 字數 3427 閱讀 3582

迭代方法:foreach()map()filter()some()every()

foreach()
// array.foreach(function (currentvalue, index, arr));

// currentvalue:陣列當前項的值

// index: 陣列當前項的索引

// arr:陣列物件本身

var arr = [1, 2, 3];

arr.foreach(function(value, index, array) );

filter()
// arr.filter(function (currentvalue, index, array));

// filter() 方法建立了乙個新陣列,新陣列中的元素是通過檢查指定陣列中符合條件的所有元素,主要用於篩選陣列

// 它直接返回乙個新的陣列;

var newaarr = arr.filter(function (item, index) );

console.log(newarr);

some()
// arr.some(function (currentvalue, index, array){})

// some方法用於檢測陣列中的元素是否滿足條件;返回的是乙個布林值

// 如果找到第乙個滿足條件的元素,則終止迴圈,不在繼續查詢

var flag = arr.some(function (item) )

console.log(flag);

陣列建構函式方法from
let lis = document.queryselectorall('li')

// 偽陣列轉換為真正的資料

lis = array.from(lis)

// 還可以用展開運算子實現

lis = [...lis]

陣列查詢方法find
let arr = [1, 2, 3, 4, 5]

// 返回陣列中符合條件的項, 但是只返回最近的一項

let val = arr.find(item => item > 3)

陣列查詢方法findindex
let arr = [1, 2, 3, 4, 5]

// 返回陣列中符合條件的項的索引, 但是只返回最近的一項

let index = arr.findindex(item => item > 3)

陣列包含方法includes
let arr = ['a', 'b', 'c']

// @param 查詢的指, 起始索引

console.log(arr.includes('a', 1))

去除字串的左右空格trim
// trim() 會從乙個字串的兩端刪除空白返回乙個新的字串不影響原來的字串

var str = ' andy ';

var str1 = str.trim();

console.log(str1); // andy

查詢某乙個是否包含某個值includes
let str = 'abcdefg'

console.log(str.includes('a'), 1)

字串開頭介面是否包含某個值startswithendswith
let str = 'abcdefg'

// @param 包含的字元, 開始查詢的索引

console.log(str.startswith('abcd', 1))

// index 為 1 的後面的是否為 b

console.log(str.endswith('b'), 1)

字串重複n次repeat
let str = 'a'

console.log(str.repeat(2))

object.keys()
// 用於獲取物件自身的所有屬性;效果類似於for in,返回乙個由屬性名組成的陣列

var obj =

var arr = object.keys(obj); // ["name", "age"]

物件合併object.assign
let obj = 

let obj2 =

// @param 目標物件,

// @param 要合併到目標物件的物件可以是多個

object.assign(obj2, obj)

// 後面的兩個物件合併的第乙個空物件

var newobj = object.assign({}, obj2, obj)

// 當然也可以使用展開運算子

let obj2 =

是否全等is
// 和全等基本一樣, 不同的是 全等比較 +0 -0 true 這個是 false; 全等比較 nan, nan false 這個是 true

console.log(object.is('1', 1)) // true

object.definepropetry()
// object.definepropetry(obj, prop, descriptor);

// obj:必須 目標物件

// prop: 必須 需定義或修改的屬性的名字

// descriptor: 必須 目標屬性所擁有的特性 傳入乙個物件

// value: 設定屬性值,預設是undefined

// writable:值是否可以被重寫, 預設false 不可以

// enumerable: 目標屬性是否可以被列舉, 預設fasle

// configurable:目標屬性是否可以刪除或是否可以再次修改特性,預設false

bject.defineproperty(obj, 'age', );

object.defineproperty(obj, 'id', )

object.defineproperty(obj, 'address', )

obj.id = 2;

delete obj.address;

console.log(object.keys(obj));

Es5新增陣列和物件

為了更方便的對js中array的操作,es5規範在array的原型上新增了9個方法,分別是foreach filter map reduce reduceright some every indexof 和 lastindexof,foreach callback thisarg 替代for in ...

ES5 新增陣列操作

var arr 1,2,3,4,5 for var i 1 i 對陣列每一項進行操作 返回乙個新陣列 var map arr arr.map item 結果 2,4,6,8,10 過濾器 對陣列每一項進行操作 將滿足條件的項返回為乙個新陣列 var filter arr arr.filter ite...

ES5陣列 字串 Math Date

str 衣服的顏色是 color 衣服的顏色是 str2 衣服的顏色是 math.round 4.2 四捨五入 陣列就會自動地傳遞上去 floor方法返回引數值地最大整數 ceil方法返回法於引數值地最小整數 math.random 返回0到1地乙個偽隨機數,可能等於0,但是一定小於1 functi...