Hapus duplikat dari array

Saya memiliki array objek yang terlihat seperti ini:

var array = [
    {id:123, value:"value1", name:"Name1"},
    {id:124, value:"value2", name:"Name1"},
    {id:125, value:"value3", name:"Name2"},
    {id:126, value:"value4", name:"Name2"}
    ...
];

Seperti yang Anda lihat, beberapa nama diulang. Saya ingin mendapatkan array baru dengan nama saja, tetapi jika beberapa nama berulang, saya tidak ingin menambahkannya lagi. Saya ingin array ini:

var newArray = ["Name1", "Name2"];

Saya mencoba melakukan ini dengan map:

var newArray = array.map((a) => {
    return a.name;
});

Tetapi masalahnya adalah ini mengembalikan:

newArray = ["Name1", "Name1", "Name2", "Name2"];

Bagaimana saya bisa mengatur beberapa kondisi di dalam map, sehingga tidak akan mengembalikan elemen yang sudah ada? Saya ingin melakukan ini dengan mapatau beberapa fitur ECMAScript 5 atau ECMAScript 6 lainnya.

Dengan ES6, Anda dapat menggunakan Setnilai unik, setelah memetakan hanya nama objek.

Proposal ini menggunakan sintaks menyebar... untuk mengumpulkan item dalam larik baru.

const array = [{ id: 123, value: "value1", name:"Name1" }, { id: 124, value: "value2", name: "Name1" }, { id: 125, value: "value3", name: "Name2" }, { id: 126, value: "value4", name: "Name2" }],
      names = [...new Set(array.map(a => a.name))];

console.log(names);

Jika Anda mencari solusi JavaScript yang tidak ES 6 (tidak ada Set) Anda dapat menggunakan Array ini reducemetode :

var array=[
  {id:123, value:"value1", name:"Name1"},
  {id:124, value:"value2", name:"Name1"},
  {id:125, value:"value3", name:"Name2"},
  {id:126, value:"value4", name:"Name2"}
];
var names = array.reduce(function (a, b) {
  if (a.indexOf(b.name) == -1) {
    a.push(b.name)
  }
  return a;
}, []);

console.log(names);

Secara pribadi saya tidak mengerti mengapa semua orang menyukai ES 6. Jika itu adalah kode saya, saya lebih suka mendukung browser sebanyak mungkin.

var array=[
{id:123, value:"value1", name:"Name1"},
{id:124, value:"value2", name:"Name1"},
{id:125, value:"value3", name:"Name2"},
{id:126, value:"value4", name:"Name2"}
];

   // Create array of unique names
var a = (function(a){
  for (var i = array.length; i--;)
    if (a.indexOf(array[i].name) < 0) a.push(array[i].name);
  return a;
})([]);

console.log(a);

Anda juga bisa menggabungkan mapdenganfilter

var array = [
  {id:123, value:"value1", name:"Name1"},
  {id:124, value:"value2", name:"Name1"},
  {id:125, value:"value3", name:"Name2"},
  {id:126, value:"value4", name:"Name2"}
];

var unique = array
  .map( item => item.name )
  .filter( ( item, idx, arr ) => arr.indexOf( item ) == idx ) 

console.log(unique)

Anda bisa menggunakan Object.keys () untuk mendapatkan array nama properti enumerable objek tertentu dari hasil objek arrayvariabel iterasi dengan Array.prototype.reduce () di mana kuncinya adalah nama yang dirusak

Kode:

const array = [{id:123, value:"value1", name:"Name1"}, {id:124, value:"value2", name:"Name1"}, {id:125, value:"value3", name:"Name2"}, {id:126, value:"value4", name:"Name2"}],
      names = Object.keys(array.reduce((a, { name }) => (a[name] = 1, a), {}))

console.log(names)

Banyak jawaban bagus di sini. Saya hanya ingin berkontribusi dengan beberapa keragaman dengan harapan memberi Anda perspektif lain.

Array adalah tipe objek dalam JavaScript, sehingga bisa digunakan sebagai hash pada saat yang bersamaan. Dengan menggunakan fungsionalitas ini kita dapat sangat menyederhanakan pekerjaan yang akan dilakukan dalam satu operasi pengurangan dengan kompleksitas waktu O (n).

Jika Anda tidak senang dengan array Anda yang memiliki beberapa properti selain kunci array Anda mungkin mempertimbangkan untuk menyimpan objek hash yang terpisah juga.

var array = [{id:123, value:"value1", name:"Name1"},
             {id:124, value:"value2", name:"Name1"},
             {id:125, value:"value3", name:"Name2"},
             {id:126, value:"value4", name:"Name2"}
            ],
result = array.reduce((p,c) => p[c.name] ? p : (p[c.name] = true, p.push(c.name), p), []);
console.log(result);

Saya setuju bahwa jika Anda hanya membutuhkan namenilai, a Setadalah jalan yang harus ditempuh.

Namun , jika Anda ingin mendapatkan larik objek unik berdasarkan nameproperti, saya sarankan untuk menggunakan file Map. Cara cepat untuk membuat Peta, adalah melalui array [key, value]array:

const array = [{ id: 123, value: "value1", name:"Name1" }, { id: 124, value: "value2", name: "Name1" }, { id: 125, value: "value3", name: "Name2" }, { id: 126, value: "value4", name: "Name2" }],
      unique = new Map(array.map(obj => [obj.name, obj]));

// To get the unique objects
const uniques = Array.from(unique.values());

// Get the names like you already did:
console.log("Names:", uniques.map(obj => obj.name));

// If you ever need the complete array of unique objects, you got a ref:
console.log(JSON.stringify(uniques));

.as-console-wrapper { min-height: 100%; }

Manfaat tambahannya Mapadalah Anda mendapatkan filterfungsionalitas yang menghilangkan non-unik, tanpa kehilangan koneksi dengan objek sumber. Tentu saja, ini hanya diperlukan jika Anda perlu mereferensikan kumpulan objek unik beberapa kali.

Jika Anda terbatas pada ES5, saya akan menggunakan Lodash_.uniq

var newArray = _.uniq(array.map(function(a) {
  return a.name;
}));

Dengan ES6 ini harus melakukan pekerjaan itu.

var array=[
    {id:123, value:"value1", name:"Name1"},
    {id:124, value:"value2", name:"Name1"},
    {id:125, value:"value3", name:"Name2"},
    {id:126, value:"value4", name:"Name2"}
];

var set = new Set();

array.forEach((a)=>{
    set.add(a.name);
}); 

console.log(Array.from(set));

Menggunakan UnderscoreJS,

array = [{id:123, value:"value1", name:"Name1"}, {id:124, value:"value2", name:"Name1"}, {id:125, value:"value3", name:"Name2"}, {id:126, value:"value4", name:"Name2"}];
get_names =  _.pluck(_.uniq(array, 'name'), 'name')
console.log(get_names)

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

`

Di ES5, gunakan objek sebagai kamus untuk kinerja O ( n ).

Ini hanya akan berfungsi jika semua kuncinya adalah String.

var array = [
    {id: 123, value: "value1", name: "Name1"},
    {id: 124, value: "value2", name: "Name1"},
    {id: 125, value: "value3", name: "Name2"},
    {id: 126, value: "value4", name: "Name2"}
];

var allNames = array.map(item => item.name);

var map = {};
allNames.forEach(name => {
  map[name] = true;
});
var uniqueNames = Object.keys(map);

console.log(uniqueNames);

Anda dapat melakukan hal yang sama dalam satu ekspresi jika Anda suka:

var uniqueNames = Object.keys(allNames.reduce((m, n) => (m[n] = true, m), {}));

tetapi saya merasa bentuk imperatifnya lebih mudah dibaca.

Coba ini:

nArr = [];
array.forEach((a) => {
    if (nArr.indexOf(a.name) < 0) { 
        nArr.push(a.name); 
    }
}); 

Gunakan array#forEach()dan array#indexOf()metode seperti ini jika Anda ingin kompatibilitas maksimum , sintaks singkat:

const array = [{ id: 123, value: "value1", name:"Name1" }, { id: 124, value: "value2", name: "Name1" }, { id: 125, value: "value3", name: "Name2" }, { id: 126, value: "value4", name: "Name2" }]

// initialize an empty array named names
let names = [];

// iterate through every element of `array` & check if it's 'name' key's value already in names array if not ADD it 
array.forEach(function(element) { if (names.indexOf(element.name) === -1) names.push(element.name) });
// or use tilde like this:
//array.forEach(function(element) { if (~names.indexOf(element.name)) names.push(element.name) });

console.log(names);

Namun, jika kompatibilitas adalah bukan masalah penggunaan ECMAScript 6 's Setobjek, array#mapdan Array.from()metode seperti ini:

const array = [{ id: 123, value: "value1", name:"Name1" }, { id: 124, value: "value2", name: "Name1" }, { id: 125, value: "value3", name: "Name2" }, { id: 126, value: "value4", name: "Name2" }];

// iterate through every element from array using map and store it in Set(a Set won't have duplicates) then convert the Set back to Array(using Array.from)
let names = Array.from(new Set(array.map(element => element.name)));

console.log(names);

Begitulah cara saya melakukannya, menggunakan array kosong yang terpisah.

var array = [
   {id:123, value:"value1", name:"Name1"},
   {id:124, value:"value2", name:"Name1"},
   {id:125, value:"value3", name:"Name2"},
   {id:126, value:"value4", name:"Name2"}	    
];

var array2 = []		
		
for (i=0; i<array.length;i++){						
   if (array2.indexOf(array[i].name) == -1){				
     array2.push(array[i].name);
    }
}			

console.log(array2)	

Bagi mereka yang mencari 1 liner

const names = array.reduce((acc, {name}) => acc.includes(name) ? acc : [name, ...acc], []);

atau tanpa menggunakan metode pada prototipe larik

const { reduce, includes } = Array;
const names = reduce(array, (acc, {name}) => includes(acc, name) ? acc : [name, ...acc], []);

bisa berguna untuk menulis beberapa fungsi murni untuk menangani ini

const get_uniq_values = (key, arr) => reduce(arr, (a, o) => includes(a, o[key]) ? a : [o[key], ...a], []);

var __array=[{id:123, value:"value1", name:"Name1"},{id:124, value:"value2", name:"Name1"},{id:125, value:"value3", name:"Name2"},{id:126, value:"value4", name:"Name2"}];

function __checkArray(__obj){
    var flag = true;
    for(let i=0; i < __array.length; i++){
        if(__obj.id == __array.id){
            flag = false;
            break;
        }
    }

    return flag;
}

var __valToPush = {id: 127, value: "value5", name: "Name3"};
if(__checkArray(__valToPush)){
    __array.push(__valToPush)
}