堆栈内存溢出
  繁体   English   中英

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

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

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

问题描述

我有一个二维数组，它是从带有 jQuery 的 html 表生成的，但有些值是空的，所以显示"" 。

如何删除空值？

  <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>

我已经尝试过以下代码：

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

它适用于一些空值，但由于某种原因，并非所有这些值都被删除。

Output: https://imgur.com/e7BAdQK

9 个解决方案

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

我有一个二维数组，它是使用jQuery的html表生成的，但是有些值是空的，因此显示为"" 。

如何删除空值？

  <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>

我已经尝试过以下代码：

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

它适用于一些空值，但由于某种原因并非所有值都被删除。

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

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

我有一个二维数组，它是使用jQuery的html表生成的，但是有些值是空的，因此显示为"" 。

如何删除空值？

  <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>

我已经尝试过以下代码：

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

它适用于一些空值，但由于某种原因并非所有值都被删除。

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

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

我有一个二维数组，它是使用jQuery的html表生成的，但是有些值是空的，因此显示为"" 。

如何删除空值？

  <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>

我已经尝试过以下代码：

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

它适用于一些空值，但由于某种原因并非所有值都被删除。

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

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

我有一个二维数组，它是使用jQuery的html表生成的，但是有些值是空的，因此显示为"" 。

如何删除空值？

  <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>

我已经尝试过以下代码：

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

它适用于一些空值，但由于某种原因并非所有值都被删除。

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

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

我有一个二维数组，它是使用jQuery的html表生成的，但是有些值是空的，因此显示为"" 。

如何删除空值？

  <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>

我已经尝试过以下代码：

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

它适用于一些空值，但由于某种原因并非所有值都被删除。

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

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

我有一个二维数组，它是使用jQuery的html表生成的，但是有些值是空的，因此显示为"" 。

如何删除空值？

  <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>

我已经尝试过以下代码：

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

它适用于一些空值，但由于某种原因并非所有值都被删除。

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

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

我很惊讶没有人在这里给出正确准确的答案。

在此处的所有基于 Boolean 的表达式中，您将过滤您想要保留的结果。 例如 - "0"等。

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

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

我有一个二维数组，它是使用jQuery的html表生成的，但是有些值是空的，因此显示为"" 。

如何删除空值？

  <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>

我已经尝试过以下代码：

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

它适用于一些空值，但由于某种原因并非所有值都被删除。

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

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

在 ES6 中，假设您有以下数组：

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

并且您想从数组中删除'' （这是一个空值）。 你可以做：

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

或使用地图（常规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.

相关问题 如何从数组中删除数值和空值？ 如何从 JS 数组中删除不同类型的空值（元素） Javascript：如何从数组中删除空字符串值？ 简单地从数组中删除空值-javascript 从数组/ Javascript中删除具有空值的对象 如何从对象中深度删除空值，空对象和空数组 如何从数组中删除一个空对象？ 如何从数组 ele.nets 中删除空字符串 如何从数组内的数组中删除空字符串 Javascript如果为空则从数组中删除
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM