Array.prototype.at。Arrat和 String 中的 at 方法

一篇有关新 js 特性 at 方法的思考

  • 入参只能是number 类型,允许入参有小数(按照 chrome DevTools Console 测试确实可以带小数)
  • 有返回值,如果对应下标在实例中存在,则返回对应的 value,如果不存在,返回 undefined
  • at 可以用在 Array 或者 String 实例上
  • polyfill 实现

polyfill started (ES3)

function at(arg){
  // 因为入参允许存在小数点情况,这里需要处理掉小数点
  var idx = Math.trunc(arg) || 0;
  // 在ES3、ES5 中没有 at 的特性支持,需要通过 js 手动实现 at 入参为负数的特性
  // 因此用实例 length + 入参下标计算出结果
  if (idx < 0) { idx += this.length };
  // 根据下标读取数值包头不包尾的原则,处理传入参数经过计算后还是有 `下标越界` 这种情况时,返回 undefined
  if (idx < 0 || idx >= this.length) { return undefined };
  // 此时 idx 为正整数,直接用 idx 读取下标值并返回
  return this[idx]
}
// 向原型链注入特性
String.prototype.at = at;
Array.prototype.at = at
posted @ 2022-11-07 10:11  骚猪佩琦  阅读(98)  评论(0编辑  收藏  举报