Как проверить, существует ли массив данных в angular

Question

вот код:

data = [
    {
        'id': 'asdja',
        'username': 'james',
    },
    {
        'id': 'asqweja',
        'username': 'rhou',
    },
    {
        'id': 'asdqweqj',
        'username': 'arianne'
    },
    {
        'id': 'qpoaksl',
        'username': 'ryan'
    }
];

Я пытаюсь проверить, существует ли username.

Например, если я ввожу "james", тогда должно отобразиться "Username already exists"

Пытаюсь найти:

if (username === data.find((x: any) => x.username === x.username) {
 console.log('Username already exists');
} else {
 console.log('');
}

Answer 1

Для него можно использовать Javascript Array some, который возвращает логическое значение, когда условие выполняется или не выполняется.

const inputName = 'james';

// You can use destructuring assignment ({ }) if you only want to use/
// extract a certain property, in our case we will only use the username
const isUserExists = data.some(({ username }) => username === inputName);

console.log(isUserExists); 

Answer 2

const data = [
    {
        id: 'asdja',
        username: 'james',
    },
    {
        id: 'asqweja',
        username: 'rhou',
    },
    {
        id: 'asdqweqj',
        username: 'arianne'
    },
    {
        id: 'qpoaksl',
        username: 'ryan'
    }
];

const user = data.find((x) => x.username === 'james')

if (user) {
 console.log('Username already exists');
} else {
 console.log('');
}

Проблема в том, что функция find возвращает первый элемент массива

Следовательно, вы получите объект обратно в ответ, и теперь вы нужно проверить это с именем пользователя

const user = data.find((x) => x.username === 'james')

if (user) {
 console.log('Username already exists');
} else {
 console.log('');
}

надеюсь, это поможет!

Answer 3

Вы также можете напрямую проверить состояние, используя filter - length

const data = [{id:'asdja',username:'james',},{id:'asqweja',username:'rhou',},{id:'asdqweqj',username:'arianne'},{id:'qpoaksl',username:'ryan'}];
let username = 'james';

if (data.filter(({ username }) => username == username).length) {
 console.log('User already exists');
} else {
  console.log('New User');
}

Answer 4

То, что вы пытаетесь сделать, это поиск массива data (который является массивом объектов) для заданного username и хотите узнать, существует он или нет. Вы можете просто использовать filter(), чтобы увидеть, есть ли у вас пустой список или нет. Если он возвращает пустой список, то имя пользователя не существует, иначе оно существует.

var nameToCheck = 'james'
function checkUsername({username}) {
  return username===nameToCheck
}

var res = data.filter(checkUsername);

console.log(res===[] ? 'Username does not exists!' : 'Username already exists!');

Answer 5

Другой способ (с использованием индекса)

const username: string = "james";
const idx: number = data.findIndex(obj => obj.username === username);
if (idx > -1) {
// Username already exists.
} else {
// Username does not exists.