JavaScript to filter arrays

This article example shares the specific code for JavaScript to implement array filtering for your reference. The specific content is as follows

Today, I used my knowledge of JavaScript to create an example of filtering an array. I hope we can learn from each other and make progress together!

Final result:

js code part:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Filter Array</title>
 <script>
  function Search(arr) {
   var newArr = [];
   for (var i = 0; i < arr.length; i++) {
    if (arr[i] > 10) {
     newArr[newArr.length] = arr[i];
   }
  }
   return newArr;
  }
  var arr = [1, 2, 45, 31, 7, 30, 22, 3, 5, 17];
  Search(arr);
  alert('The numbers you entered are '+arr+'\n'+'The numbers greater than 10 are: '+Search(arr));
 </script>
</head>
<body>
</body>
</html>

summary:

Filtering arrays is very common and important in various programming languages. I hope everyone can use it skillfully.

I saw a piece of code before: js filters the object array according to the array, share it with you

According to the array storing the id, filter the object with this id

var array = [
{
 time: '2020',
 id: '1',
},
{
 time: '2020',
 id: '2',
},
{
 time: '2020',
 id: '3',
}];
var filterIds = ['1', '3'];
var result = array.filter((a,i)=>{
  return filterIds.some(f=>(f === a.id)) 
})
//[{time: "2020", id: "1"},{time: "2020", id: "3"}

The above is the full content of this article. I hope it will be helpful for everyone’s study. I also hope that everyone will support 123WORDPRESS.COM.

You may also be interested in:

Several methods of traversing and filtering arrays in Jquery and traversing and parsing json objects, detailed explanation of the Map() method, and querying whether a value exists in the array
jQuery filtering array usage of grep, each, inArray, map and traversal of json objects
Several ways to traverse and filter arrays with jQuery and traverse and parse JSON objects

<<: Tutorial on installing MySQL 5.6 using RPM in CentOS

>>: Detailed steps to install Anaconda on Linux (Ubuntu 18.04)

Html comments Symbols for marking text comments in Html

JavaScript to filter arrays

Html comments Symbols for marking text comments in Html

HTML+CSS+JavaScript to achieve list loop scrolling example code

Comparison of the use of form element attributes readonly and disabled

How to encapsulate axios request with vue

HTML table tag tutorial (44): table header tag

4 Scanning Tools for the Linux Desktop

JS implements circular progress bar drag and slide

MySQL 5.7.18 Installer installation download graphic tutorial

MySQL index for beginners

A preliminary study on composite primary key and joint primary key in SQL statements

Recommend

Descending Index in MySQL 8.0

The whole process record of Vue export Excel function

Implementation of dynamic particle background plugin for Vue login page

Use of hasOwnProperty method of js attribute object

CSS3 realizes various graphic effects of small arrows

Detailed explanation of CSS float property

How MySQL handles implicit default values

js precise calculation

Detailed explanation of Linux using ss command combined with zabbix to monitor socket

Use nginx to dynamically convert image sizes to generate thumbnails

Possible reasons why the input type="reset" tag in HTML is invalid (does not work).

Analysis and application of irregular picture waterfall flow principle

MySQL 5.7.24 compressed package installation and configuration method graphic tutorial

Implementation of socket options in Linux network programming

MySQL explain obtains query instruction information principle and example