Hướng dẫn get all object in array javascript - lấy tất cả đối tượng trong mảng javascript

OK, có một vài cách để làm điều đó, nhưng hãy bắt đầu với cách tiếp cận đơn giản nhất và mới nhất để làm điều này, chức năng này được gọi là find(). there are few ways to do that, but let's start with the simplest one and latest approach to do this, this function is called find().

Chỉ cần cẩn thận khi bạn sử dụng find để thậm chí IE11 không hỗ trợ nó, vì vậy nó cần phải được chuyển qua ...

Vì vậy, bạn có đối tượng này như bạn đã nói:

var jsObjects = [
   {a: 1, b: 2}, 
   {a: 3, b: 4}, 
   {a: 5, b: 6}, 
   {a: 7, b: 8}
];

Và bạn có thể viết một chức năng và nhận được nó như thế này:

function filterValue(obj, key, value) {
  return obj.find(function(v){ return v[key] === value});
}

và sử dụng chức năng như thế này:

filterValue(jsObjects, "b", 6); //{a: 5, b: 6}

Cũng trong ES6 cho phiên bản thậm chí rút ngắn:ES6 for even shortened version:

const filterValue = (obj, key, value)=> obj.find(v => v[key] === value);

Phương thức này chỉ trả về giá trị đầu tiên phù hợp ..., để có kết quả tốt hơn và hỗ trợ trình duyệt, bạn có thể sử dụng

function filterValue(obj, key, value) {
  return obj.find(function(v){ return v[key] === value});
}
0:

const filterValue = (obj, key, value)=> obj.filter(v => v[key] === value);

Và chúng tôi sẽ trở lại ________ 11 ...

Phương pháp này sẽ trả về một mảng thay thế ...

Bạn cũng sử dụng đơn giản cho vòng lặp, hãy tạo một chức năng như thế này:

function filteredArray(arr, key, value) {
  const newArray = [];
  for(i=0, l=arr.length; i

Và gọi nó như thế này:

filteredArray(jsObjects, "b", 6); //[{a: 5, b: 6}]

Phương thức

function filterValue(obj, key, value) {
  return obj.find(function(v){ return v[key] === value});
}
2 trả về một mảng của các giá trị thuộc tính có thể phản đối của một đối tượng nhất định, theo cùng thứ tự như được quy định bởi vòng lặp
function filterValue(obj, key, value) {
  return obj.find(function(v){ return v[key] === value});
}
3. (Sự khác biệt duy nhất là một vòng
function filterValue(obj, key, value) {
  return obj.find(function(v){ return v[key] === value});
}
3 cũng liệt kê các thuộc tính trong chuỗi nguyên mẫu.)
function filterValue(obj, key, value) {
  return obj.find(function(v){ return v[key] === value});
}
2
method returns an array of a given object's own enumerable property values, in the same order as that provided by a
function filterValue(obj, key, value) {
  return obj.find(function(v){ return v[key] === value});
}
3 loop. (The only difference is that a
function filterValue(obj, key, value) {
  return obj.find(function(v){ return v[key] === value});
}
3 loop enumerates properties in the prototype chain as well.)

Thử nó

Cú pháp

Thông số

function filterValue(obj, key, value) {
  return obj.find(function(v){ return v[key] === value});
}
5

Đối tượng có giá trị tài sản riêng được trả lại.

Giá trị trả về

Một mảng chứa các giá trị thuộc tính có thể suy giảm của đối tượng.

Sự mô tả

function filterValue(obj, key, value) {
  return obj.find(function(v){ return v[key] === value});
}
2 Trả về một mảng có các phần tử là các giá trị thuộc tính có thể tìm thấy trên đối tượng. Thứ tự của các thuộc tính giống như được đưa ra bằng cách lặp qua các giá trị thuộc tính của đối tượng theo cách thủ công.

Ví dụ

Sử dụng Object.values

const obj = { foo: 'bar', baz: 42 };
console.log(Object.values(obj)); // ['bar', 42]

// Array-like object
const arrayLikeObj1 = { 0: 'a', 1: 'b', 2: 'c' };
console.log(Object.values(arrayLikeObj1 )); // ['a', 'b', 'c']

// Array-like object with random key ordering
// When using numeric keys, the values are returned in the keys' numerical order
const arrayLikeObj2 = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.values(arrayLikeObj2 )); // ['b', 'c', 'a']

// getFoo is property which isn't enumerable
const myObj = Object.create({}, { getFoo: { value() { return this.foo; } } });
myObj.foo = 'bar';
console.log(Object.values(myObj)); // ['bar']

// non-object argument will be coerced to an object
console.log(Object.values('foo')); // ['f', 'o', 'o']

Thông số kỹ thuật

Sự chỉ rõ
Đặc tả ngôn ngữ Ecmascript # sec-object.values
# sec-object.values

Tính tương thích của trình duyệt web

Bảng BCD chỉ tải trong trình duyệt

Xem thêm