js去掉數(shù)組中undefined及空字符串、null兩種方法例子
方法一、filter函數(shù)
var arr = [原數(shù)組] var newArr = arr.filter(item => item && item.trim()) console.log(newArr)
例子:
可以使用JavaScript的filter()函數(shù)來過濾掉數(shù)組中的undefined元素。
const arr = [1, undefined, 'hello', null, true]; const filteredArr = arr.filter(item => item !== undefined); console.log(filteredArr); // [1, "hello", null, true]
方法二、遍歷
let arr=[原數(shù)組]
let newArr= []
// 方法1
arr.forEach(item => {
if (item) {
newArr.push(item)
}
})
// 方法2
for (let item of arr) {
if (item) {
newArr.push(item)
}
}
console.log(newArr)附:undefined與null之間的區(qū)別
1、null和undefined的類型不同
console.log(typeof(undefined)); //undefined console.log(typeof(null)); //object
null是一個具有有效不存在值的對象,并且它是不可變的,而undefined的對象類型是本身未定義的
此外任何具有null值的算術(shù)運(yùn)算都將產(chǎn)生整數(shù)值,而任何帶有undefined的算術(shù)運(yùn)算都會導(dǎo)致變量值變?yōu)镹aN
2、轉(zhuǎn)換為原始類型的方式不同
null和undefined之間的主要區(qū)別在于它們被轉(zhuǎn)換為原始類型的方式。在null上執(zhí)行算術(shù)轉(zhuǎn)換時,確定的值為0可以使用以下代碼片段驗證此轉(zhuǎn)換。
var v1= 5+ null; console.log(v1)
輸出結(jié)果為5
但是undefined不執(zhí)行任何此類轉(zhuǎn)換,如果將undefined添加到數(shù)字中得出的結(jié)果將為NaN
var v2= 5+ undefined; console.log(v2)
輸出的結(jié)果為NaN
總結(jié)
到此這篇關(guān)于js去掉數(shù)組中undefined及空字符串、null兩種方法的文章就介紹到這了,更多相關(guān)js去掉數(shù)組undefined及空字符串內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
如何讓你的JavaScript函數(shù)更加優(yōu)雅詳解
在Js世界中有些操作會讓你無法理解,但是卻無比優(yōu)雅,下面這篇文章主要給大家介紹了關(guān)于如何讓你的JavaScript函數(shù)更加優(yōu)雅的相關(guān)資料,需要的朋友可以參考下2021-07-07
用JavaScript 處理 URL 的兩個函數(shù)代碼
用JavaScript 處理 URL 的兩個函數(shù)代碼...2007-08-08
javascript圓盤抽獎程序?qū)崿F(xiàn)原理和完整代碼例子
這篇文章主要介紹了javascript圓盤抽獎程序?qū)崿F(xiàn)原理和完整代碼例子,需要的朋友可以參考下2014-06-06
JS實現(xiàn)轉(zhuǎn)動隨機(jī)數(shù)抽獎特效代碼
這篇文章主要為大家詳細(xì)介紹了一款轉(zhuǎn)動隨機(jī)數(shù)抽獎的JS特效代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2015-08-08
JavaScript Function函數(shù)類型介紹
在JS中,Function(函數(shù))類型實際上是對象;每個函數(shù)都是Function類型的實例;而且都與其他引用類型一樣具有屬性和方法2015-04-04
經(jīng)典的解除許多網(wǎng)站無法復(fù)制文字的絕招
經(jīng)典的解除許多網(wǎng)站無法復(fù)制文字的絕招...2006-12-12
使用jscript實現(xiàn)二進(jìn)制讀寫腳本代碼
Reading And Writing Binary Files Using JScript正如我剛才推什么我能做的JScript中,我想出了對問題的二進(jìn)制文件。以下級的解決,這為小到中等大小的文件。我的部分包括這個職位在這里,因為我即將付諸表決,在一個職位約發(fā)送帶有附件的電郵通過JScript和它會使用這個二進(jìn)制文件碼來讀取,在二進(jìn)制附件檔案。2008-06-06
詳解Webpack實戰(zhàn)之構(gòu)建 Electron 應(yīng)用
本篇文章主要介紹了Webpack實戰(zhàn)之構(gòu)建 Electron 應(yīng)用,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-12-12

