JavaScript_Basic 지식에서 배열과 문자열에 대한 lastIndexOf() 메소드 사용에 대한 자세한 설명

Array.prototype.lastIndexOf와 String.prototype.lastIndexOf는 매우 실용적인 방법이지만 실제로 두 번째 매개변수가 검색 시작 위치를 결정한다는 사실을 많은 사람들이 모릅니다.

문법

str.lastIndexOf(searchValue[, fromIndex])

lastIndexOf() 메서드는 이 메서드를 호출하는 문자열에서 지정된 값이 마지막으로 나타나는 것을 반환하거나, 찾을 수 없는 경우 -1을 반환합니다. fromIndex부터 시작하여 문자열의 끝에서부터 앞으로 검색합니다.

매개변수

1.검색값
찾을 값을 나타내는 문자열입니다.
2.프롬인덱스
메서드가 호출된 문자열 위치에서 검색을 시작합니다. 임의의 정수일 수 있습니다. 기본값은 str.length입니다. 음수이면 0으로 처리됩니다. fromIndex > str.length인 경우 fromIndex는 str.length로 처리됩니다.

대소문자 구분

lastIndexOf 메소드는 대소문자를 구분합니다. 예를 들어 다음 표현식은 -1을 반환합니다.

"Blue Whale, Killer Whale".lastIndexOf("blue"); // returns -1

lastIndexOf 사용법

// Create an array.
var ar = ["ab", "cd", "ef", "ab", "cd"];

// 找到最后一个CD的位置
document.write(ar.lastIndexOf("cd") + "<br/>");
// 输出: 4

// 从正数第二个位置，搜索倒数第一个CD的位置
document.write(ar.lastIndexOf("cd", 2) + "<br/>");
// 输出: 1

// 从倒数第三个搜索最后一个ab的位置
document.write(ar.lastIndexOf("ab", -3) + "<br/>");
// 输出: 0

String.lastIndexOf의 사용법도 비슷합니다

"canal".lastIndexOf("a") // returns 3
"canal".lastIndexOf("a",2) // returns 1
"canal".lastIndexOf("a",0) // returns -1 从第0个往前搜，不存在'a'，返回-1
"canal".lastIndexOf("x") // returns -1

lastIndexOf의 IE8 구현

단, Microsoft의 IE8 이하는 Array.lastIndexOf를 지원하지 않으며 호환 가능한 구현이 필요합니다. 다음을 참고하세요:

if (!Array.prototype.lastIndexOf) {
 Array.prototype.lastIndexOf = function(searchElement /*, fromIndex*/) {
 'use strict';

 if (this === void 0 || this === null) {
  throw new TypeError();
 }

 var n, k,
  t = Object(this),
  len = t.length >>> 0;
 if (len === 0) {
  return -1;
 }

 n = len - 1;
 if (arguments.length > 1) {
  n = Number(arguments[1]);
  if (n != n) {
  n = 0;
  }
  else if (n != 0 && n != (1 / 0) && n != -(1 / 0)) {
  n = (n > 0 || -1) * Math.floor(Math.abs(n));
  }
 }

 for (k = n >= 0
   ? Math.min(n, len - 1)
   : len - Math.abs(n); k >= 0; k--) {
  if (k in t && t[k] === searchElement) {
  return k;
  }
 }
 return -1;
 };
}

ES5-Slim을 사용하면 이전 브라우저를 ES5 구문과 완벽하게 호환되도록 만들 수 있습니다.

for in을 사용하지 말아야 하는 이유

그러나 Array.prototype에 메서드를 추가한 후 for in 구문은 lastIndexOf 메서드도 열거한다는 점에 유의해야 합니다.

for (var idx in [1,3,5,7,9]) {
 console.log(idx)
}

>> 0 1 2 3 4 lastIndexOf

대신 for 루프를 사용해야 합니다

for (var idx = 0; idx < [1,3,5,7,9].length; idx++) {
 console.log(idx)
}

이 문제는 열거형 for의 lastIndexOf 메서드를 피하기 위해 Object.defineProperty를 사용하여 구현할 수 있습니다.

Object.defineProperty(Array, "lastIndexOf", { enumerable: false })

그러나 일반적으로 호환 가능한 구현이 필요한 브라우저는 DefineProperty 메소드를 전혀 지원하지 않습니다. 그리고 대부분의 브라우저에서 for in은 for 루프보다 훨씬 느리므로 for in을 사용하지 않는 것이 좋습니다. 그러나 객체 속성의 키를 열거하는 방법은 무엇입니까? 키 배열을 반환하려면 Object.keys({ a:1 })를 사용하세요.