JavaScript Day04 数组详解 2

4.5.3 数组中添加新元素：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
//从数组索引位置 2 开始，不删除元素，添加两个新的元素"Lemon","Kiwi"
fruits.splice(2,0,"Lemon","Kiwi");
//fruits输出结果：Banana,Orange,Lemon,Kiwi,Apple,Mango

4.5.4 移除数组的第三个元素，并在数组第三个位置添加新元素:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,1,"Lemon","Kiwi");
//fruits输出结果：Banana,Orange,Lemon,Kiwi,Mango

4.5.4 从第三个位置开始删除数组后的两个元素：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,2);
//fruits输出结果：Banana,Orange

4.6.位置方法

• Array.prototype.indexOf()
  indexOf() 方法可返回数组中某个指定的元素位置。
  该方法将从头到尾地检索数组，看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头（没有指定 start 参数时）。如果找到一个 item，则返回 item 的第一次出现的位置。开始位置的索引为 0。

如果在数组中没找到指定元素则返回 -1。

语法

array.indexOf(item,start)

参数

• 返回值

4.6.1 查找数组中的 “Apple” 元素：

var fruits = ["Banana", "Orange", "Apple", "Mango"]; 
var a = fruits.indexOf("Apple");
//a结果输出：2
//以上输出结果意味着 "Apple" 元素位于数组中的第 3 个位置。

Array.prototype.lastIndexOf()

lastIndexOf() 方法可返回一个指定的元素在数组中最后出现的位置，从该字符串的后面向前查找。

如果要检索的元素没有出现，则该方法返回 -1。

该方法将从尾到头地检索数组中指定元素 item。开始检索的位置在数组的 start 处或数组的结尾（没有指定 start 参数时）。如果找到一个 item，则返回 item 从尾向前检索第一个次出现在数组的位置。数组的索引开始位置是从 0 开始的。

如果在数组中没找到指定元素则返回 -1。

语法

array.lastIndexOf(item,start)

参数

• 返回值

4.6.2 查找数组元素 "Apple"出现的位置：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.lastIndexOf("Apple");
//a输出结果：2
//以上实例输出结果意味着 "Apple" 位于数组中的第 2 个位置.

4.7.迭代方法

• Array.prototype.every()
  every() 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。
  every() 方法使用指定函数检测数组中的所有元素：
  

• 如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。
• 如果所有元素都满足条件，则返回 true。

注意： every() 不会对空数组进行检测。

注意： every() 不会改变原始数组。

语法

array.every(function(currentValue,index,arr), thisValue)

参数

• 返回值
  布尔值。如果所有元素都通过检测返回 true，否则返回 false。
  

4.7.1 检测数组 ages 的所有元素是否都大于等于 18 :

var ages = [32, 33, 16, 40];
var result = ages.every(function (age) {
  return age >= 18
})
console.log(result);//输出结果为:false

Array.prototype.some()

some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。

some() 方法会依次执行数组的每个元素：

• 如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。

• 如果没有满足条件的元素，则返回false。

注意： some() 不会对空数组进行检测。

注意： some() 不会改变原始数组。

语法

array.some(function(currentValue,index,arr),thisValue)

参数

• 返回值
  布尔值。如果数组中有元素满足条件返回 true，否则返回 false。

4.7.2 检测数组中是否有元素大于 18:

var ages = [32, 33, 16, 40];
var result = ages.some(function (age) {
  return age >= 18
})
console.log(result);//输出结果为:true

Array.prototype.filter()

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

注意： filter() 不会对空数组进行检测。

注意： filter() 不会改变原始数组。

语法

array.filter(function(currentValue,index,arr), thisValue)

参数

• 返回值
  返回数组，包含了符合条件的所有元素。如果没有符合条件的元素则返回空数组。
  

4.7.3 返回数组 ages 中所有元素都大于 18 的元素:

var ages = [32, 33, 16, 40];
var result = ages.filter(function (age) {
  return age >= 18
})
console.log(result);//输出结果为:[ 32, 33, 40 ]

Array.prototype.map()

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

注意： map() 不会对空数组进行检测。

注意： map() 不会改变原始数组。

语法

array.map(function(currentValue,index,arr), thisValue)

参数

返回值

• 返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。
  

4.7.4 返回一个数组，数组中元素为原始数组的平方根:

var numbers = [4, 9, 16, 25];
var result = numbers.map(function (number) {
  return Math.sqrt(number)
})
console.log(result);//输出结果为:[ 2, 3, 4, 5 ]

Array.prototype.forEach()

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。

注意: forEach() 对于空数组是不会执行回调函数的。

语法

array.forEach(function(currentValue, index, arr), thisValue)

参数

• 返回值
  undefined
  

4.7.5 列出数组的每个元素：

var numbers = [4, 9, 16, 25];
numbers.forEach(function (number, index) {
  console.log(index + ' -- ' + number);
})
// 0 -- 4
// 1 -- 9
// 2 -- 16
// 3 -- 25