/TypeScript/Js find element in array by property

Js find element in array by property

Js get array item by property

const jsObjects = [
  {id: 1, displayName: "First"}, 
  {id: 2, displayName: "Second"}, 
  {id: 3, displayName: "Third"}, 
  {id: 4, displayName: "Fourth"}
]

// You can use the arrow function expression:
var result = jsObjects.find(obj => {
	// Returns the object where
	// the given property has some value 
  	return obj.id === 1
})

console.log(result)

// Output: {id: 1, displayName: "First"}

Source: stackoverflow.com

Javascript find object in array by property value

const fruits = ['apple', 'banana', 'grapes', 'mango', 'orange'];

const filterItems = (needle, heystack) => {
  let query = needle.toLowerCase();
  return heystack.filter(item => item.toLowerCase().indexOf(query) >= 0);
}

console.log(filterItems('ap', fruits)); // ['apple', 'grapes']
console.log(filterItems('ang', fruits)); // ['mango', 'orange']

Find object in array by property javascript

// Find an object with a given property in an array
const desiredObject = myArray.find(element => element.prop === desiredValue);

Source: developer.mozilla.org

Js find element in array by property

var result = jsObjects.find(obj => {
  return obj.b === 6
})

Similar codes

0 vote248 views1 answer
Sort function in typescript
TypeScript
0 vote260 views1 answer
Get distinct elements in table psql
TypeScript
15 votes199 views2 answers
Which sentence has all alphabets
TypeScript
7 votes257 views5 answers
Cannot be loaded because running scripts is disabled on this system vscode
TypeScript
0 vote218 views1 answer
Mac book join raspberry pi webserver
TypeScript
0 vote218 views1 answer
None of the following functions can be called with the arguments supplied. makeText(Context!, CharSequence!, Int) defined in android.widget.Toast makeText(Context!, Int, Int) defined in android.widget.Toast
TypeScript
5 votes208 views2 answers
Validation minlength angular
TypeScript
0 vote231 views1 answer
Subscripts list c#
TypeScript
0 vote243 views1 answer
Allowsyntheticdefaultimports angular
TypeScript
1 vote204 views1 answer
Vue components import each other recursive
TypeScript