map() forEach() some() every() filter() find() findIndex() slice() splice() split()

傷城~ 2023-07-18 01:58 14阅读 0赞

### 目录 ###

*   *   *   *   *  map() 方法
                 *   *  延伸 forEach() 方法
                     *  延伸 some() 方法
                     *  延伸 every() 方法
                 *  filter() 方法
                 *  find() 方法
                 *  findIndex() 方法
                 *  slice() 方法
                 *  splice() 方法
                 *   *  延伸 split() 方法

计算下列方法单独执行返回的值和原数组 nums 的值：

var nums = [1, 2, 3]
    nums.map(x => x + 1)	// [2, 3, 4] 
    nums.filter(x => x !== 2)	// [1, 3]
    nums.find(x => x !== 3) 	// 1
    nums.findIndex(x => x > 2)	// 2
    nums.slice(1, 2)	// [2] 
    nums.splice(1, 2, 1)	// [2, 3]

##### map() 方法 #####

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

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

*  map() 不会对空数组进行检测
 *  map() 不会改变原始数组

nums.map(x => x + 1)  	
    var nums = [1, 2, 3]
    console.log(nums.map(x => x + 1)) // [2, 3, 4] 
    console.log(nums); // [1, 2, 3]

###### 延伸 forEach() 方法 ######

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

*  forEach() 对于空数组不会执行回调函数
 *  与map() 相同的是：都可以来遍历数组；
 *  与map()不同的是：forEach() 方法没有返回值，不会反返回新数组

###### 延伸 some() 方法 ######

some() 方法用于检测数组中的`元素是否有满足`指定条件（函数提供）。  
some() 方法会依次执行数组的每个元素：

*  如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。
 *  如果没有满足条件的元素，则返回false。
 *  注意： some() 不会对空数组进行检测。
 *  注意： some() 不会改变原始数组。

var ages = [3, 10, 18, 20];
    
    function checkAdult(age) { 
        return age >= 18;
    }
    
    function myFunction() { 
        console.log(ages.some(checkAdult)); // true
    }

###### 延伸 every() 方法 ######

every() 方法用于检测数组`所有元素是否都符合`指定条件（通过函数提供）。

every() 方法使用指定函数检测数组中的所有元素：

*  如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。
 *  如果所有元素都满足条件，则返回 true。
 *  注意： every() 不会对空数组进行检测。
 *  注意： every() 不会改变原始数组。

var ages = [32, 33, 16, 40];
    
    function checkAdult(age) { 
        return age >= 18;
    }
    
    function myFunction() { 
        console.log(ages.every(checkAdult)); // false
    }

##### filter() 方法 #####

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

*  filter() 不会对空数组进行检测
 *  filter() 不会改变原始数组

// nums.filter(x => x !== 2) 
    var nums = [1,2,3]
    console.log(nums.filter(x => x !== 2)) // [1, 3]
    console.log(nums); // [1, 2, 3]

##### find() 方法 #####

find() 方法返回通过测试（函数内判断）的数组的**第一个元素的值**。

*  find() 对于空数组，函数是不会执行的。
 *  find() 并没有改变数组的原始值。

// nums.find(x => x !== 3)
    var nums = [1,2,3]
    nums.find(x => x !== 3) 	// 1
    console.log(nums);	// [1, 2, 3]

##### findIndex() 方法 #####

findIndex() 方法返回传入一个测试条件(函数)符合条件的数组**第一个元素位置**。

*  当数组中的元素在测试条件时返回 *true* 时, findIndex() 返回符合条件的元素的索引位置，之后的值不会再调用执行函数。
 *  如果没有符合条件的元素返回 -1
 *  findIndex() 对于空数组，函数是不会执行的。
 *  findIndex() 并没有改变数组的原始值。

// nums.findIndex(x => x > 2)
    var nums = [1,2,3];
    console.log(nums.findIndex(x => x > 2)) 	// 2

##### slice() 方法 #####

slice(start, end) 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。

使用 start（包含） 和 end（不包含） 参数来指定字符串提取的部分 。

*  如果是负数，则该参数规定的是从字符串尾部开始算起的位置。也就是说：-1指字符串最后一个字符，-2指倒数第二个字符。

// nums.slice(1, 2)
    var nums = [1,2,3]
    console.log(nums.slice(1, 2));	// [2]
    console.log(nums);	// [1, 2, 3]

##### splice() 方法 #####

splice() 方法用于添加或删除数组中的元素。返回删除的元素数组。

*  splice() 方法会改变原始数组。

array.splice(index,howmany,item1,.....,itemX)
    // index: 必须&&数组、从索引index开始添加/删除元素
    // howhany：可选||必须数字、删除多少元素，为0时不删除；未规定时删除从index开始到数组结尾的所有元素
    // item：可选、要添加到数组的新元素。

// nums.splice(1, 2, 1)
    // 返回删除的数组 从index为1开始删除2个元素
    var nums = [1,2,3];
    console.log(nums.splice(1, 2, 1))	// [2, 3]
    console.log(nums);	// [1, 1]

###### 延伸 split() 方法 ######

split() 方法用于把一个字符串分割成字符串数组。

var str="How are you doing today?"
    
    console.log(str.split(" "))	// ["How", "are", "you", "doing", "today?"]
    console.log(str.split(""))	// ["H", "o", "w", " ", "a", "r", "e", " ", "y", "o", "u", " ", "d", "o", "i", "n", "g", " ", "t", "o", "d", "a", "y", "?"]
    console.log(str.split(" ",3))	// ["How", "are", "you"]