做網(wǎng)站應(yīng)該知道的JavaScript精簡(jiǎn)技巧

2013-05-18    分類: 做網(wǎng)站

數(shù)組是網(wǎng)站建設(shè)中JS語(yǔ)言最常見(jiàn)的一種數(shù)據(jù)結(jié)構(gòu),在開(kāi)發(fā)中也會(huì)經(jīng)常用到,成都創(chuàng)新互聯(lián)為大家分享一些小技巧,幫助提高網(wǎng)站開(kāi)發(fā)效率。

1、刪除數(shù)組的重復(fù)項(xiàng)

var fruits = [“banana”, “apple”, “orange”, “watermelon”, “apple”, “orange”, “grape”, “apple”];

var uniqueFruits = Array.from(new Set(fruits));

console.log(uniqueFruits); 

var uniqueFruits2 = […new Set(fruits)];

console.log(uniqueFruits2); 

2、替換數(shù)組中的特定值

有時(shí)在創(chuàng)建代碼時(shí)需要替換數(shù)組中的特定值,有一種很好的簡(jiǎn)短方法可以做到這一點(diǎn),咱們可以使用.splice(start、value to remove、valueToAdd),這些參數(shù)指定咱們希望從哪里開(kāi)始修改、修改多少個(gè)值和替換新值。

var fruits = [“banana”, “apple”, “orange”, “watermelon”, “apple”, “orange”, “grape”, “apple”];

fruits.splice(0, 2, “potato”, “tomato”);console.log(fruits); 

3、置空數(shù)組

var fruits = [“banana”, “apple”, “orange”, “watermelon”, “apple”, “orange”, “grape”, “apple”];

fruits.length = 0;console.log(fruits); 

returns [];

4、對(duì)數(shù)組中的所有值求和

JS 面試中也經(jīng)常用 reduce 方法來(lái)巧妙的解決問(wèn)題

var nums = [1, 5, 2, 6];

var sum = nums.reduce((x, y) => x + y);

console.log(sum);

文章名稱:做網(wǎng)站應(yīng)該知道的JavaScript精簡(jiǎn)技巧
標(biāo)題鏈接:http://muchs.cn/news16/766.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有做網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)

做網(wǎng)站知識(shí)