如何使用angularjs或javascript從數組獲取字符串

Question

var array = [
      {id: 1, text: "one"},
      {id: 2, text: "two"},
      {id: 3, text: "three"},
      {id: 4, text: "four"},
      {id: 5, text: "five"}
    ];

var name = array.find(function(item){
          return item.id == $localStorage.id;
 });

返回我{id：2，文本：“ two”}期望兩個僅字符串沒有其他內容

Answer 1

您可以先查找對象，然后通過檢查find()操作是否實際上返回了一個對象或undefined對象來獲取text屬性。

 var array = [{ id: 1, text: "one" }, { id: 2, text: "two" }, { id: 3, text: "three" }, { id: 4, text: "four" }, { id: 5, text: "five" } ]; var findObj = array.find(function(item) { return item.id == 2; }); //check if findObj is defined or not var name = findObj? findObj.text: null; console.log(name); 

如果您確定該localStorage值存在對象，則也可以使用解構直接從find()獲取該text值。 否則，將引發錯誤。

 var array = [{ id: 1, text: "one" }, { id: 2, text: "two" }, { id: 3, text: "three" }, { id: 4, text: "four" }, { id: 5, text: "five" } ]; var {text} = array.find(function(item) { return item.id == 2; }); console.log(text); 

Answer 2

您應該檢索找到的對象的屬性文本：

var object = array.find(function(item){
   return item.id === $localStorage.id;
});

var name = object.text;

Answer 3

您所做的返回位於item.id == $localStorage.id的位置的元素。 如果要獲取文本，則在以var name返回元素之后，只需執行name.text因為array.find()返回通過邏輯運算的元素。

Answer 4

您可以使用filter和map 。 這樣，您可以按照自己的方式自定義過濾結果。

 var array = [ {id: 1, text: "one"}, {id: 2, text: "two"}, {id: 3, text: "three"}, {id: 4, text: "four"}, {id: 5, text: "five"} ]; var name = array.filter(a=> a.id === 2).map(b=> {return b.text}); console.log(name) 

Answer 5

如果您喜歡使用es6語法，則可以這樣編寫。 您所做的一切都很好，除了需要獲得特定的對象值。

const array = [
  { id: 1, text: "one" },
  { id: 2, text: "two" },
  { id: 3, text: "three" },
  { id: 4, text: "four" },
  { id: 5, text: "five" }
];

// So here i use same find as you did.

let object = array.find(item => {
  return item.id == $localStorage.id;
});

// And assigning text property of object to variable 'name'
// since object, can be undefined, using OR empty object, 
// so no error will be thrown if so.

let { text: name } = object || {};
console.log(name);

來自https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/find ：

find（）方法返回滿足提供的測試功能的數組中第一個元素的值。 否則返回undefined。

Answer 6

嘗試以這種方式在使用id查找時獲取text屬性值

 var array = [{ id: 1, text: "one" }, { id: 2, text: "two" }, { id: 3, text: "three" }, { id: 4, text: "four" }, { id: 5, text: "five" } ]; var name = array.find(function(item) { return item.id == 2; }).text; console.log(name); 

Answer 7

find將返回滿足條件的對象

var object = array.find(function(item) {
  return item.id == $localStorage.id;
});



var name = object? object.text: null;
console.log(name);