溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“ES6的內置對象擴展方法怎么用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“ES6的內置對象擴展方法怎么用”吧!
擴展運算符可以將數組或者對象轉換為逗號分隔的參數序列
let ary = [1,2,3]; ...ary //1,2,3 console.log(...ary); //1 2 3 //console.log方法可以接收以","分隔的參數，一次輸出多個內容 //為啥輸出的結果沒有逗號了，因為參數序列里的逗號被console.log當成參數分隔符了
<script type="text/javascript">
let arr = ['a', 'b', 'c'];
console.log(...arr); //a b c
console.log('a', 'b', 'c'); //a b c
</script>擴展運算符可以用于合并數組
//方法一 let ary1 = [1,2,3]; let ary2 = [4,5,6]; let ary3 = [...ary1,...ary2]; console.log(ary3); //[1,2,3,4,5,6]
//方法二 ary1.push(...ary2);
注意：push()方法可以接收多個值，每個值之間用“,”分隔
let ary1 = [1, 2, 3]; let ary2 = [4, 5, 6]; ary2.push(...ary1); console.log(ary2); //[4,5,6,1,2,3]
將類數組或可遍歷對象轉換為真正的數組
let oDivs = document.getElementByTagName('div');
oDivs = [...oDivs];<body>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<script type="text/javascript">
var oDivs = document.getElementsByTagName('div');
console.log(oDivs);
var ary = [...oDivs];
console.log(ary);
</script>
</body>
將類數組或可遍歷對象轉換為真正的數組
let arrayLike = {
'0': 'a',
'1'：'b',
'2': 'c',
length: 3 //必須要有這一句
};
console.log(arrayLike);
let arr2 = Array.from(arrayLike); // ['a','b','c']
console.log(arr2);
方法還可以接收第二個參數，作用類似于數組的map方法，用來對每個元素進行處理，將處理后的值放入返回的數組
let arrayLike = {
"0":1,
"1":2,
"length":2
}
let newAry = Array.from(arrLike,item=> item*2);var arrayLike = {
"0": "1",
"1": "2",
"length": 2
}
var ary = Array.from(arrayLike, item => item * 2) //數組里有多少元素 這一句就執行多少次
console.log(ary) //[2,4]用于找出第一個符合條件的數組成員，如果沒有找到返回undefined
let ary = [{
id :1,
name:'張三'
},{
id:2,
name:'李四'
}
];
let target = ary.find((item,index) => item.id==2 )<script type="text/javascript">
var ary = [{
id: 1,
name: '張三'
}, {
id: 2,
name: '李四'
}];
let target = ary.find((item) => {
return item.id == 1;
});
console.log(target);
</script>
用于找出第一個符合條件的數組成員的位置，如果沒有找到返回-1
let ary = [1, 5, 10, 15]; let index = ary.findIndex((value,index) => value>9); console.log(index); //2
<script type="text/javascript">
let ary = [10, 20, 50];
let index = ary.findIndex((item) => {
return item > 15;
});
console.log(index); //1
</script>表示某個數組是否包含給定的值，返回布爾值
[1,2,3].includes(2); //true [1,2,3].includes(4); //false
到此，相信大家對“ES6的內置對象擴展方法怎么用”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
