特定のオブジェクトプロパティ値がローカルストレージアレイに既に格納されているかどうかをテストする方法

Question

私はHTMLのsiteNameとsiteUrlに2つの入力値を持ち、2つのオブジェクトプロパティ（name：siteName、url：siteUrl）に割り当てます。オブジェクトが作成された後、配列にプッシュしてローカルストレージに保存しますが、ローカルストレージに移動する前にオブジェクトプロパティ名の値をテストしたいのですが、既に警告が表示されている場合は

これは私です今のコード...

//get site name and site url 
var siteName = document.getElementById('siteName').value; 
var siteUrl = document.getElementById('siteUrl').value; 

var bookmark = { 

    name:siteName, 
    url:siteUrl 
} 

/test if item bookmarks is null 
if(localStorage.getItem('bookmarks') === null){ 

//Initiate Array 
var bookmarks = []; 

//add to array 
bookmarks.push(bookmark); 

//set to local storage 
localStorage.setItem('bookmarks', JSON.stringify(bookmarks)); 


//get bookmarks from local storage 
}else{ 
var bookmarks = JSON.parse(localStorage.getItem('bookmarks')); 

//add bookmark in array 
bookmarks.push(bookmark); 


//re-set back to local storage 
localStorage.setItem('bookmarks', JSON.stringify(bookmarks)); 

} 

Answer 1

これを行うには2通りの方法があります。

第一METHOD-

//get localstorage value 
var bookmarks = JSON.parse(localStorage.getItem('bookmarks')); 
var flagExists = false; 

if(bookmarks != null && bookmarks.length > 0){ 
    for(var i=0; i<bookmarks.length; i++){ 
     var existingBookmark = bookmarks[i]; 
     //check if your current value against key name is already present in any existing bookmar 
     if(bookmark.name === existingBookmark.name){ 
      //do anything that you want here 
      flagExists = true; 
      break; 
     } 
    } 
} 

第二の方法は、Lodashライブラリを使用することです。あなたはlodashでこれを1行で行うことができます。

//get localstorage value 
var bookmarks = JSON.parse(localStorage.getItem('bookmarks')); 
var flagExists = false; 
var _ = require("lodash"); 

if(bookmarks != null && bookmarks.length > 0){ 
    var flagExists = _.find(bookmarks, {'name': bookmark.name}) != null; 
    //do whatever you want 
} 

Answer 2

.lengthを使用すると、lengthプロパティーは配列の要素数を返します。 .valueOf（）メソッドは文字列オブジェクトの値を返しますが、.valueOf（）ではコード内で明示的に使用することはできません。