堆栈内存溢出
  简体   繁体   English

如何从数组中删除空数组值（“”）？

[英]How to remove empty array values ("") from an array?

 原文  2019-04-15 08:17:38  4   9    javascript/ jquery/ html/ arrays/ json

问题描述

I have an two dimensional array, generated from a html table with jQuery, but some values are empty so "" is displayed.我有一个二维数组，它是从带有 jQuery 的 html 表生成的，但有些值是空的，所以显示"" 。

How can I remove the empty values?如何删除空值？

  <table>    
    <tr>
      <th>1A</th>
      <th>1B</th>
      <th>1C</th>
    </tr>
    <tr>
      <td>2A</td>
      <td>2B</td>
      <td>2C</td>
    </tr>
    <tr>
      <td></td>
      <td>3B</td>
      <td>3C</td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td>4C</td>
    </tr>
  </table>
<script>
    var columns = $('tr').first().children().map(function(i) {
        return [
            $('tr').map(function(){
                return $(this).children().eq(i).text()
            }).get()
        ]
    }).get();
<script>

I already tried following code:我已经尝试过以下代码：

for( var i = 0; i < columns[0].length; i++){ 
   if ( columns[0][i] === "") {
    columns[0].splice(i, 1); 
   }
}

It worked for some empty values, but not all of them got removed for some reason.它适用于一些空值，但由于某种原因，并非所有这些值都被删除。

Output: https://imgur.com/e7BAdQK Output: https://imgur.com/e7BAdQK

9 个解决方案

解决方案1
 52 已采纳  2019-04-15 08:21:34

I have an two dimensional array, generated from a html table with jQuery, but some values are empty so "" is displayed.我有一个二维数组，它是使用jQuery的html表生成的，但是有些值是空的，因此显示为"" 。

How can I remove the empty values?如何删除空值？

  <table>    
    <tr>
      <th>1A</th>
      <th>1B</th>
      <th>1C</th>
    </tr>
    <tr>
      <td>2A</td>
      <td>2B</td>
      <td>2C</td>
    </tr>
    <tr>
      <td></td>
      <td>3B</td>
      <td>3C</td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td>4C</td>
    </tr>
  </table>
<script>
    var columns = $('tr').first().children().map(function(i) {
        return [
            $('tr').map(function(){
                return $(this).children().eq(i).text()
            }).get()
        ]
    }).get();
<script>

I already tried following code:我已经尝试过以下代码：

for( var i = 0; i < columns[0].length; i++){ 
   if ( columns[0][i] === "") {
    columns[0].splice(i, 1); 
   }
}

It worked for some empty values, but not all of them got removed for some reason.它适用于一些空值，但由于某种原因并非所有值都被删除。

Output: https://imgur.com/e7BAdQK输出： https : //imgur.com/e7BAdQK

解决方案2
 8  2019-04-15 08:22:12

I have an two dimensional array, generated from a html table with jQuery, but some values are empty so "" is displayed.我有一个二维数组，它是使用jQuery的html表生成的，但是有些值是空的，因此显示为"" 。

How can I remove the empty values?如何删除空值？

  <table>    
    <tr>
      <th>1A</th>
      <th>1B</th>
      <th>1C</th>
    </tr>
    <tr>
      <td>2A</td>
      <td>2B</td>
      <td>2C</td>
    </tr>
    <tr>
      <td></td>
      <td>3B</td>
      <td>3C</td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td>4C</td>
    </tr>
  </table>
<script>
    var columns = $('tr').first().children().map(function(i) {
        return [
            $('tr').map(function(){
                return $(this).children().eq(i).text()
            }).get()
        ]
    }).get();
<script>

I already tried following code:我已经尝试过以下代码：

for( var i = 0; i < columns[0].length; i++){ 
   if ( columns[0][i] === "") {
    columns[0].splice(i, 1); 
   }
}

It worked for some empty values, but not all of them got removed for some reason.它适用于一些空值，但由于某种原因并非所有值都被删除。

Output: https://imgur.com/e7BAdQK输出： https : //imgur.com/e7BAdQK

解决方案3
 4  2019-04-15 08:24:19

I have an two dimensional array, generated from a html table with jQuery, but some values are empty so "" is displayed.我有一个二维数组，它是使用jQuery的html表生成的，但是有些值是空的，因此显示为"" 。

How can I remove the empty values?如何删除空值？

  <table>    
    <tr>
      <th>1A</th>
      <th>1B</th>
      <th>1C</th>
    </tr>
    <tr>
      <td>2A</td>
      <td>2B</td>
      <td>2C</td>
    </tr>
    <tr>
      <td></td>
      <td>3B</td>
      <td>3C</td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td>4C</td>
    </tr>
  </table>
<script>
    var columns = $('tr').first().children().map(function(i) {
        return [
            $('tr').map(function(){
                return $(this).children().eq(i).text()
            }).get()
        ]
    }).get();
<script>

I already tried following code:我已经尝试过以下代码：

for( var i = 0; i < columns[0].length; i++){ 
   if ( columns[0][i] === "") {
    columns[0].splice(i, 1); 
   }
}

It worked for some empty values, but not all of them got removed for some reason.它适用于一些空值，但由于某种原因并非所有值都被删除。

Output: https://imgur.com/e7BAdQK输出： https : //imgur.com/e7BAdQK

解决方案4
 3  2019-04-15 08:21:59

I have an two dimensional array, generated from a html table with jQuery, but some values are empty so "" is displayed.我有一个二维数组，它是使用jQuery的html表生成的，但是有些值是空的，因此显示为"" 。

How can I remove the empty values?如何删除空值？

  <table>    
    <tr>
      <th>1A</th>
      <th>1B</th>
      <th>1C</th>
    </tr>
    <tr>
      <td>2A</td>
      <td>2B</td>
      <td>2C</td>
    </tr>
    <tr>
      <td></td>
      <td>3B</td>
      <td>3C</td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td>4C</td>
    </tr>
  </table>
<script>
    var columns = $('tr').first().children().map(function(i) {
        return [
            $('tr').map(function(){
                return $(this).children().eq(i).text()
            }).get()
        ]
    }).get();
<script>

I already tried following code:我已经尝试过以下代码：

for( var i = 0; i < columns[0].length; i++){ 
   if ( columns[0][i] === "") {
    columns[0].splice(i, 1); 
   }
}

It worked for some empty values, but not all of them got removed for some reason.它适用于一些空值，但由于某种原因并非所有值都被删除。

Output: https://imgur.com/e7BAdQK输出： https : //imgur.com/e7BAdQK

解决方案5
 2  2019-04-15 08:25:27

I have an two dimensional array, generated from a html table with jQuery, but some values are empty so "" is displayed.我有一个二维数组，它是使用jQuery的html表生成的，但是有些值是空的，因此显示为"" 。

How can I remove the empty values?如何删除空值？

  <table>    
    <tr>
      <th>1A</th>
      <th>1B</th>
      <th>1C</th>
    </tr>
    <tr>
      <td>2A</td>
      <td>2B</td>
      <td>2C</td>
    </tr>
    <tr>
      <td></td>
      <td>3B</td>
      <td>3C</td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td>4C</td>
    </tr>
  </table>
<script>
    var columns = $('tr').first().children().map(function(i) {
        return [
            $('tr').map(function(){
                return $(this).children().eq(i).text()
            }).get()
        ]
    }).get();
<script>

I already tried following code:我已经尝试过以下代码：

for( var i = 0; i < columns[0].length; i++){ 
   if ( columns[0][i] === "") {
    columns[0].splice(i, 1); 
   }
}

It worked for some empty values, but not all of them got removed for some reason.它适用于一些空值，但由于某种原因并非所有值都被删除。

Output: https://imgur.com/e7BAdQK输出： https : //imgur.com/e7BAdQK

解决方案6
 2  2019-04-15 08:27:46

I have an two dimensional array, generated from a html table with jQuery, but some values are empty so "" is displayed.我有一个二维数组，它是使用jQuery的html表生成的，但是有些值是空的，因此显示为"" 。

How can I remove the empty values?如何删除空值？

  <table>    
    <tr>
      <th>1A</th>
      <th>1B</th>
      <th>1C</th>
    </tr>
    <tr>
      <td>2A</td>
      <td>2B</td>
      <td>2C</td>
    </tr>
    <tr>
      <td></td>
      <td>3B</td>
      <td>3C</td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td>4C</td>
    </tr>
  </table>
<script>
    var columns = $('tr').first().children().map(function(i) {
        return [
            $('tr').map(function(){
                return $(this).children().eq(i).text()
            }).get()
        ]
    }).get();
<script>

I already tried following code:我已经尝试过以下代码：

for( var i = 0; i < columns[0].length; i++){ 
   if ( columns[0][i] === "") {
    columns[0].splice(i, 1); 
   }
}

It worked for some empty values, but not all of them got removed for some reason.它适用于一些空值，但由于某种原因并非所有值都被删除。

Output: https://imgur.com/e7BAdQK输出： https : //imgur.com/e7BAdQK

解决方案7
 1  2022-09-22 10:45:18

i'm pretty surprised nobody gave the right accurate answer here.我很惊讶没有人在这里给出正确准确的答案。

in all of the Boolean based expressions here, you'd filter the results that you'd want to keep.在此处的所有基于 Boolean 的表达式中，您将过滤您想要保留的结果。 for instance - "0" , etc.例如 - "0"等。

array.filter(item => item !== '')

解决方案8
 0  2021-01-19 06:25:28

I have an two dimensional array, generated from a html table with jQuery, but some values are empty so "" is displayed.我有一个二维数组，它是使用jQuery的html表生成的，但是有些值是空的，因此显示为"" 。

How can I remove the empty values?如何删除空值？

  <table>    
    <tr>
      <th>1A</th>
      <th>1B</th>
      <th>1C</th>
    </tr>
    <tr>
      <td>2A</td>
      <td>2B</td>
      <td>2C</td>
    </tr>
    <tr>
      <td></td>
      <td>3B</td>
      <td>3C</td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td>4C</td>
    </tr>
  </table>
<script>
    var columns = $('tr').first().children().map(function(i) {
        return [
            $('tr').map(function(){
                return $(this).children().eq(i).text()
            }).get()
        ]
    }).get();
<script>

I already tried following code:我已经尝试过以下代码：

for( var i = 0; i < columns[0].length; i++){ 
   if ( columns[0][i] === "") {
    columns[0].splice(i, 1); 
   }
}

It worked for some empty values, but not all of them got removed for some reason.它适用于一些空值，但由于某种原因并非所有值都被删除。

Output: https://imgur.com/e7BAdQK输出： https : //imgur.com/e7BAdQK

解决方案9
 0  2021-10-23 13:46:08

In ES6, Lets say you have the following array:在 ES6 中，假设您有以下数组：

arr = [1, 2, 3, '', false, '4'];

And you want to remove '' (Which is an empty value) from the array.并且您想从数组中删除'' （这是一个空值）。 You can do:你可以做：

const filter = (...args) => args.filter(el => el !== '');
console.log(filter(...arr));
[1, 2, 3, false, "4"] // Output

Or Using Map (Regular JS)或使用地图（常规JS）

const myArr = [1, 2, '', '4'];

noEmptyStringInThisArray = [];

myArr.map((elem) => {
    if (elem !== '') {
    noEmptyStringInThisArray.push(elem);
    }
})

console.log(noEmptyStringInThisArray);
// [1, 2, "4"]

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何从数组中删除数值和空值？ - How does one remove number values and empty values from an array? 如何从 JS 数组中删除不同类型的空值（元素） - How to remove different types of empty values (elements) from JS array Javascript：如何从数组中删除空字符串值？ - Javascript: How to remove empty string values from an array? 简单地从数组中删除空值-javascript - Remove empty values from array simply - javascript 从数组/ Javascript中删除具有空值的对象 - Remove objects with empty values from array / Javascript 如何从对象中深度删除空值，空对象和空数组 - How to deeply remove null values, empty objects and empty array from an object 如何从数组中删除一个空对象？ - How to remove an empty object from an array? 如何从数组 ele.nets 中删除空字符串 - How to remove empty strings from array elemnets 如何从数组内的数组中删除空字符串 - How can i remove empty string from array inside array Javascript如果为空则从数组中删除 - Javascript Remove from array if empty
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM