js 数组方法

js 数组方法1 toString 方法 以逗号分隔的字符串返回数组 var fruits Banana Orange Apple Mango console log fruits toString 结果

大家好,我是讯享网,很高兴认识大家。

1. toString()方法

以逗号分隔的字符串返回数组

 var fruits = ["Banana", "Orange", "Apple", "Mango"]; console.log(fruits.toString()); 

讯享网

结果:
在这里插入图片描述
讯享网

2. join() 方法

讯享网 var fruits = ["Banana", "Orange", "Apple", "Mango"]; console.log(fruits.join('*')); 

在这里插入图片描述

3. pop() 方法

 var fruits = ["Banana", "Orange", "Apple", "Mango"]; var x = fruits.pop(); // 从 fruits 删除最后一个元素("Mango"),并返回被删除的元素 console.log(fruits); console.log(x); 

在这里插入图片描述

4. push() 方法

讯享网 var fruits = ["Banana", "Orange", "Apple", "Mango"]; var x = fruits.push("Kiwi"); // 向 fruits 添加一个新元素,并返回新数组的长度 console.log(fruits); console.log(x); 

在这里插入图片描述

5. shift() 方法

 var fruits = ["Banana", "Orange", "Apple", "Mango"]; var x = fruits.shift(); // 向 fruits 删除一个新元素,返回被删除元素 console.log(fruits); console.log(x);// Banana 

在这里插入图片描述

6. unshift() 方法

讯享网 var fruits = ["Banana", "Orange", "Apple", "Mango"]; var x = fruits.unshift("Kiwi"); // 向 fruits 添加一个新元素,并返回新数组的长度 console.log(fruits); console.log(x); 

在这里插入图片描述

7. 删除元素

 var fruits = ["Banana", "Orange", "Apple", "Mango"]; delete fruits[0]; console.log(fruits); 

在这里插入图片描述

8. splice() 方法

讯享网 var fruits = ["Banana", "Orange", "Apple", "Mango"]; // 第一个参数( 2) 定义了应添加新元素的位置( 拼接)。 // 第二个参数( 0) 定义应删除多少元素(从添加位置开始删除前面的不删除, // 多了将后面的全删掉)。 // 其余参数(“ Lemon”,“ Kiwi”) 定义要添加的新元素。 // 返回一个包含已删除项的数组: fruits.splice(2, 5, "Lemon", "Kiwi"); console.log(fruits); 

在这里插入图片描述

9. 使用 splice() 来删除元素

 var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.splice(1, 3);//删除索引号为1,2,3的元素,从1开始后面的三个元素 console.log(fruits); 

在这里插入图片描述

10. concat() 方法

合并(连接)数组

不会更改现有数组。它总是返回一个新数组。

可以使用任意数量的数组参数:

讯享网 var arr1 = ["Cecilie", "Lone"]; var arr2 = ["Emil", "Tobias", "Linus"]; var arr3 = ["Robin", "Morgan"]; var myChildren = arr1.concat(arr2, arr3); // 将arr1、arr2 与 arr3 连接在一起 console.log(myChildren); var arr4 = ["Cecilie", "Lone"]; var myChildren1 = arr4.concat(["Emil", "Tobias", "Linus"]);//拼接值 console.log(myChildren1); 

在这里插入图片描述

11. slice() 方法

切片操作

返回新数组,不改变原来的数组

 var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; var citrus = fruits.slice(1, 3);// 不包括索引号为3的元素,end可省略,省略后从开始切到尾 console.log(citrus); 

在这里插入图片描述

12. sort() 方法

讯享网 var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.sort(); // 对 fruits 中的元素进行排序 console.log(fruits); var nums = [1, 5, 8, 9, 4, 6, 7, 3]; nums.sort(); console.log(nums); 

在这里插入图片描述
用比较函数确保字符串型的数字比较正确

 var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.sort(); // 对 fruits 中的元素进行排序 console.log(fruits); var nums = [1, 5, 8, 9, 4, 6, 7, 3]; nums.sort(); //默认升序 nums.sort(function(a, b) { 
    return a - b; // 升序 }) nums.sort(function(a, b) { 
    return b - a; //降序 }) console.log(nums); 

https://blog.csdn.net/weixin_/article/details/

13. reverse() 方法

翻转数组

讯享网 var nums = [1, 5, 8, 9, 4, 6, 7, 3]; nums.sort(); nums.reverse(); console.log(nums); 

在这里插入图片描述

13. Math.max() 和 Math.min()

 var nums = [1, 5, 8, 9, 4, 6, 7, 3]; console.log(Math.max.apply(null, nums)); //可接受数组传入 console.log(Math.min.apply(null, nums)); //第一个参数是类似call()改变指向问题,不能省略 console.log(Math.max(1, 2, 3, 4, 5, 6, 7)); //只能参数逐个传入 console.log(Math.max(1, 2, 3, 4, 5, 6, 7)); //只能参数逐个传入 

在这里插入图片描述

es5新增数组方法(常用的)

1. forEach()方法

迭代(遍历)数组

讯享网 // forEach 迭代(遍历)数组 var arr = [11, 22, 33]; var arr1 = arr.forEach(function(value, index, array) { 
    value = value * 2; //可使用里面的值 console.log('每一个数组元素' + value); console.log('每一个数组元素的索引号' + index); console.log('数组本身' + array); console.log(array); return value * 2; }) console.log(arr1); // 不能像map返回一个新数组 

在这里插入图片描述

2. map()方法

map() 方法通过对每个数组元素执行函数来创建新数组。

map() 方法不会对没有值的数组元素执行函数。

map() 方法不会更改原始数组

 var numbers1 = [45, 4, 9, 16, 25]; var numbers2 = numbers1.map(fn); function fn(value, index, array) { 
    return value * 2; } console.log(numbers2); 

在这里插入图片描述

2. filter()方法

筛选数组

讯享网 // filter() 筛选数组 var arr = [12, 66, 4, 88]; var newArr = arr.filter(function(value, index, array) { 
    value = value * 2; //可使用里面的值 console.log('每一个数组元素' + value); console.log('每一个数组元素的索引号' + index); console.log('数组本身' + array); console.log(array); // return value >= 20; return value % 2 === 0; }) console.log(newArr); 

在这里插入图片描述

3. some()方法

检测数组中的元素是否满足指定条件

 // some()用于检测数组中的元素是否满足指定条件, // 查找是否有满足条件的元素 // 返回值是一个布尔值 // 只要查找到第一个就返回 var arr = [10, 30, 4]; var flag = arr.some(function(value, index, array) { 
    return value >= 20; return value < 3; }) console.log(flag); 

在这里插入图片描述

4. every() 方法

检查所有数组值是否通过测试。

讯享网 var numbers = [45, 4, 9, 16, 25]; var allOver18 = numbers.every(fn); function fn(value, index, array) { 
    return value > 18;//判断数组中所有的值是否都大于18 } console.log(allOver18); 

在这里插入图片描述

5. indexOf() 方法

返回查找到的索引值

找到返回索引值,没找到返回-1

 var fruits = ["Apple", "Orange", "Apple", "Mango"]; var a = fruits.indexOf("Apple"); var b = fruits.indexOf("apfjsd"); console.log(a, b); 

在这里插入图片描述

小讯
上一篇 2025-03-12 10:13
下一篇 2025-02-20 09:54

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/50612.html