（六）小案例银行家应用程序-删除账号-findindex方法

news2024/11/20 14:38:10

findindex方法和find方法非常类似，只不过findindex顾名思义，他返回的是index；

● 下面我们使用删除账号的功能来学习一下findindex的
在这里插入图片描述

● 当用户登录成功之后，可以在下方输入自己的用户名和密码，然后提交，接着用户就会被删除，用户就无法登录了

btnClose.addEventListener('click', function (e) {  //点击事件
  e.preventDefault();  //防止默认行为

  if (
    inputCloseUsername.value === currentAccount.username &&
    Number(inputClosePin.value) === currentAccount.pin   //判断输入的账号名密码是否和当前登录的账号名和密码相同
  ) {
    const index = accounts.findIndex(   //利用findindex方法去在数组中寻找当前用户的index
      acc => acc.username === currentAccount.username
    );
    accounts.splice(index, 1);  //找到index之后，通过splice方法去删除它
  }
  console.log(accounts);
});

在这里插入图片描述

● 之后我们应该清楚UI，并将输入框内容清空

btnClose.addEventListener('click', function (e) {
  e.preventDefault();

  if (
    inputCloseUsername.value === currentAccount.username &&
    Number(inputClosePin.value) === currentAccount.pin
  ) {
    const index = accounts.findIndex(
      acc => acc.username === currentAccount.username
    );
    accounts.splice(index, 1);
    containerApp.style.opacity = 0;
  }
  inputCloseUsername.value = inputClosePin = '';
});