JavaScript中Array数组的方法

查找: indexOf、lastIndexOf

迭代:every、filter、forEach、map、somereduce、reduceRight

用法:

 1 /*
 2   1 查找方法:
 3  *  arr.indexOf( value )
 4  *     一个参数 返回value所在数组的位置下标
 5  *  找不到的时候返回-1
 6  *
 7  *  arr.indexOf( start , value )
 8  *     从start开始查找value 返回下标
 9  *  找不到的时候返回-1
10  *
11  *  arr.lastIndexOf( value )
12  *      从后往前找 返回下标
13  *
14  *
15  *
16  *2 迭代方法:
17  *  arr.every(function(item , index , arr){
18  *         return item > 2;    //如果每一项都大于2 就返回true 否则false
19  * })
20  *     传入函数 对每一项进行执行函数,
21  *     如果每一项都返回true 最后才返回true
22  *     如果有一个返回false 最后就返回发false
23  *
24  *  arr.filter( function( item , index , arr ){
25  *         return item > 2;    //把大于2的数组元素返回
26  * } )
27  *         传入一个函数对每一个元素执行
28  *         结果是真的元素就返回
29  *
30  * arr.forEach(function(item , index , arr){
31  *         alert(item)
32  * })
33  *         提供一个循环方法
34  *         每一个元素都执行一下function
35  *
36  * arr.map(function(item , index , arr){
37  *         return item * 2 ;
38  * })
39  *         对arr每一项都执行函数 然后返回执行结果
40  *
41  *
42  * arr.some(function(item,index,arr){
43  *
44  *         retrn item > 2;
45  * })
46  *         对arr中每个元素进行判断,
47  *         有一个返回true 则最后返回true
48  *         如果全都是false 最后返回false
49  *
50  *
51  *
52  * arr.reduce( function(prev , cur , index , array){
53  *         // 钱一个值 当前值 索引位置 数组
54  *         return prev + cur;
55  * })
56  *  对数组中每个元素进行相加最后返回
57  *
58  *
59  *
60  * arr.reduceRight(  )
61  *    对数组从右侧向左进行执行 返回最后的结果
62  *
63  *
64  *
65  *
66  *
67  *
68  *
69  *
70  * */

添加:push、pop、shift、unshift

截取splice、slice

操作:concat、join、reverse、sort

用法:

 1 // 数组的创建方式
 2 // 1 不推荐
 3 // var arr = new Array();
 4 //2 推荐 js种数组内部数据类型可以不一样
 5 var arr = [1,2,3,4,true,"abc",new Date() ];
 6 //alert(arr.length);
 7 //js中的数组可以随意改变长度 元素类型任意
 8 arr.length = 5;
 9 alert(arr);
10
11 /*
12  *数组的常用方法
13  * 1 数组添加 删除元素
14  *  result = arr.push(value1,value2,value3,....) 向数组添加元素  返回值 新数组的长度
15  *  result = arr.pop() 返回数组尾部的元素并移除
16  *
17  *  result = arr.shift() 从头部移除一个元素 并把头部元素返回
18  *  result = arr.unshift(a,b,c,d,e....)  从头部插入一些元素   返回新数组长度
19  *
20  * 2 数组截取
21  *  arr.splice(1,2,3,4,5)
22  *  数组的截取方法: 改变数组本身
23  *         第一个参数表示 起始位置
24  *         第二个参数表示 要截取的个数
25  *         第三个参数之后作为一个子数组会从截取的位置插入数组
26  *  arr.splice(1) 1后面元素全都截掉
27  *  arr.splice(1,2) 从1号下标元素开始 删去两个元素
28  *
29  *
30  *  result = arr.slice(2,3)
31  *     截取操作 第一个参数是截取的起点,第二个参数是end  左闭右开的截取
32  *  将截取的结果返回 不 改变数组本身
33  *
34  *
35  * 3 数组操作方法
36  *
37  *  result = arr1.concat(arr2)
38  *         将arr1和arr2进行拼接返回
39  *         不改变数组本身
40  *
41  *  result = arr.join("-")
42  *         在每个元素之间添加一个 - 符号 并返回
43  *
44  *     arr.reverse() 反转数组顺序
45  *         改变数组本身
46  *
47  *  arr.sort() 正序排序
48  *         但是把每一个值按照字符串 一个字节一个字节比较
49  *         比如10和4比较,会觉得1比4小 10会排在前面
50  *         改变数组本身
51  *   如果想正确的排序 需要自己写一个方法传入sort()
52  * 例如
53  *  function compare(value1 , value2){
54  *          if(value1 < value2){
55  *             return -1;
56  *         }else if(value1 > value2){
57  *             return 1;
58  *         }else{
59  *             return 0;
60  *         }
61  *     }
62  * 然后再调用 arr.sort(compare)
63  * 这样就能按照我们想要的正常的正序进行排序了
64  *
65  * */
时间: 2024-10-05 08:18:16

JavaScript中Array数组的方法的相关文章

JavaScript 中Array数组的几个内置函数

本文章内容均参考<JavaScript高级程序设计第三版> 今天在看JavaScript书籍的时候,看到之前没有了解过的JavaScript中Array的几个内置函数对象,为了之后再开发工作中能方便查询,故编写此随笔.直接贴代码, function arrayEffect(){ var numbers = [1,2,3,4,5,6,7,8,9,10]; //------------------------------------ 支持浏览器版本 IE9+,Firfox 2+ ,Safair 3

javascript中array类型队列方法总结

队列方法 数组推入: push()    unshift()   调用方法返回数组新长度 数组移除: pop()     shift()       调用方法返回移除的那个元素 注:ie7及更早的版本中,unshift()方法总是返回undefined Demo

JavaScript中清空数组的方法

方法一 var ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 输出 [],空数组,即被清空了 方法二 int[] ary = {1,2,3,4}; ary.length = 0; 方法三 var ary = [1,2,3,4]; ary = []; // 赋值为一个空数组以达到清空原数组 方法三效率最好

JavaScript中遍历数组的方法

for循环 1 let arr=["A","B","C","D","E","F"]; 2 for(let i=0;i<arr.length;i++){ 3 console.log(arr[i]); 4 } for...of 遍历出数组中的每个值 1 let arr=["A","B","C","D",&q

Javascript 中 Array的 sort()和 compare()方法

Javascript 中 Array的 sort()方法其实是把要排序的内容转化为string(调用 toString()), 然后按照字符串的第一位 ascii 码先后顺序进行比较,不是数字. 我们看看官方是怎么说的: arrayobj.sort(sortfunction) 参数 arrayObj 必选项.任意 Array 对象. sortFunction 可选项.是用来确定元素顺序的函数的名称.如果这个参数被省略,那么元素将按照 ASCII 字符顺序进行升序排列. 说明 sort 方法将 A

JS中Array数组的三大属性用法

Array数组主要有3大属性,它们分别是length属性.prototype属性和constructor属性. JS操作Array数组的方法及属性 本文总结了Array数组的3个属性,length属性.prototype属性.constructor属性使用,并附注Array数组对象的8个分类及多个方法使用,具体如下: 对象的3个属性 1.length属性 length属性 Length属性表示数组的长度,即其中元素的个数.因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-

JavaScript中的数组详解

JavaScript中的数组 一.数组的定义 数组是值的有序集合,或者说数组都是数据的有序列表. 二.创建数组 [字面量形式] 1.空数组 var arr=[]; 2.带有元素的数组 var arr=[1,2,3,1,2]; 3.数组值可以是任意类型 var arr=[1,2.3,'foodoir',true,null,undefined,[1,2,3],{name:'foodoir',age:21}]; 注意: 1.数组字面量中的值不一定是常量,它们可以是任意表达式: 2.它可以包含对象字面量

javascript中的数组扩展(一)

 javascript中的数组扩展(一) 随着学习的深入,发现需要学习的关于数组的内容也越来越多,后面将会慢慢归纳,有的是对前面的强化,有些则是关于前面的补充. 一.数组的本质    数组是按照次序排列的一组值,本质上,数组是一种特殊的对象            console.log(typeof[1,2,3]);//object    数组是对象但是对象不是数组            var arr = ['a','b','c','d','e'];            console.lo

前端开发:Javascript中的数组,常用方法解析

前端开发:Javascript中的数组,常用方法解析 前言 Array是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array是前端必修的功课.周五啦,博主的心又开始澎湃了,明儿个周末有木有,又可以愉快的玩耍了. 创建数组 创建数组的基本方式有两种,一种字面量,另一种使用构造函数创建: var arr = [1,2,3]; //字面量的形式创建数组 值与值之间用英文逗号隔开 var arr1 = new Array(1,2