javascript之操作数组方法

掌握如何操作数组,会让你的开发变得更加高效

1、栈和队列方法(以下四个方法都改变原数组)

arr.push()   //接受任意类型的参数,逐个添加到数组的末尾,并返回数组的长度   改变原数组
arr.pop()    //从数组的末尾移除最后一项,减少数组的length值,返回移除的项
arr.shift()     //移除数组中的第一个项并且返回该项,同时将数组的长度减一。
arr.unshift()    //在数组的前端添加任意个项,并返回新数组的长度

2、排序

reverse()   //反转数组的排序   改变原数组 返回操作后的数组
sort()  排序(升序)    //改变原数组  返回操作后的数组

3、截取方法

concat()  //数组拼接,返回拼接好的副本  不改变原数组
slice()   //数组切割  一个参数:从该参数指定的起始位置截取到最后一位
       //两个参数:起始位置 和 结束位置 但截取不包含结束位置的项
      //注意:不改变原数组,返回值是 截取的数组项组成的数组
splice()    //删除:指定两个参数(删除的起始位置,要删除的项数)
      //插入:指定三个参数(起始位置,0,要插入的项任意数量的项)
      //替换:指定三个参数(起始位置,要删除的项数,要插入的任意数量的项)

4、检索方法

indexOf()  //从数组开头向后查找,使用全等操作符,找不到该元素返回-1。第一个参数为要查找的项,第二个参数(可选)为索引开始位置
lastIndexOf() //从数组末尾向前查找,使用全等操作符,找不到该元素返回-1。第一个参数为要查找的项,第二个参数(可选)为索引开始位置

5、迭代方法(参数: 每一项上运行的函数,运行该函数的作用域对象即this指向(可选,以下的实例都没用第二个参数))

①every()

对数组中的每一运行给定的函数,如果该函数对每一项都返回true,则该函数返回true

eg:
var arr = [11,5,23,7,4,1,9,1];
var result = arr.every(function(item,index,arr){
  return item >2;
});
console.log(result); //false

②some()

对数组中的每一运行给定的函数,如果该函数对任一项都返回true,则返回true

eg:
var result = arr.every(function(item,index,arr){
    return item >2;
});
console.log(result); //true

③filter()

对数组中的每一运行给定的函数,会返回满足该函数的项组成的数组

eg:
var result = arr.filter(function(item,index,arr){
    return item >2;
});
console.log(result); // [11, 5, 23, 7, 4, 9]

④map()

对数组中的每一元素运行给定的函数,返回每次函数调用的结果组成的数组

eg:
var result = arr.map(function(item,index,arr){
    return item * 2;
});
console.log(result); // [22, 10, 46, 14, 8, 2, 18, 2]

⑤forEach()

对数组中的每一元素运行给定的函数,没有返回值,常用来遍历元素

eg:
var result = arr.forEach(function(item,index,arr){
    console.log(item);
});

6、数组序列化

toString() //在默认情况下都会以逗号分隔字符串的形式返回数组项
join(); //使用指定的字符串用来分隔数组字符串

原文地址:https://www.cnblogs.com/zjl-712/p/11422501.html

时间: 2024-10-07 10:33:17

javascript之操作数组方法的相关文章

javascript中常用数组方法详细讲解

javascript中数组常用方法总结 1.join()方法: Array.join()方法将数组中所以元素都转化为字符串链接在一起,返回最后生成的字符串.也可以指定可选的字符串在生成的字符串中来分隔数组的各个元素.如果不指定分隔符,默认使用逗号.案例如下: var a=[1,2,3]; a.join();//=> "1,2,3" 因为没有指定分隔符,默认为逗号. a.join("+");//=> "1+2+3" 指定分隔符为+ a.

JavaScript中常见数组方法原数组改不改变

改变原数组 1 pop():删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值.如果数组已经为空,则 pop() 不 改变数组,并返回 undefined 值.arrayObject.pop() 2 push(): push() 方法可把它的参数顺序添加到 arrayObject 的尾部. 它直接修改 arrayObject,而不是创建一个新的数组,arrayObject.push(newelement1,newelement2,….,newelementX

JavaScript 基础(六) 数组方法 闭包

在一个对象中绑定函数,称为这个对象的方法.在JavaScript 中,对象的定义是这样的: var guagua = { name:'瓜瓜', birth:1990 }; 但是,如果我们给瓜瓜绑定一个函数,就可以做更多的事情. var guagua = { name:'瓜瓜', birth:1990, age:function(){ var y = new Date().getFullYear(); return y - this.birth; } } guagua.age; // functi

javascript 最强大的数组方法-splice()

splice()方法向/从数组中添加/删除项目,然后返回被删除的项目. splice()方法的主要用途是向数组的中部插入项,使用这种方法的方式则有以下几种: 删除:可以删除任意数量的项,只需要制定2个参数:要删除的第一项的位置和要删除的项数. 例子: var array = new Array("niu","li","na"); var deleteItem = array.splice(0,2); console.log("delet

JavaScript字符串与数组方法整理

字符串(String)的方法: 代码后面的都是返回值 var str = "atusdgafsvg"; var str1 = "123456789"; var str0 = "sdasd tuyt weq fhf sw ss f g g"; var str5 = "Wdfdf T SDFDFdfdf"; //方法: //常用: //1. charAt() 返回指定索引处的字符 console.log(str.charAt(4)

javascript如何操作数组

说明 如需求:后台返回一个用户列表数组,该数组可能为空,最多只可能会有10个用户, 页面中A,B两处展示用户列表,B处不管如何都会展示返回的所有用户,A处需要展示10个用户,不足10个展示默认用户, 比如:返回7个,A处展示的后3个都是默认用户 var arr1=[1,2,3,4,5,6,7]; var arr2=[]; var arr3=[1,2,3,4,5,6,7,8,9,10]; function filterData(arr){ var maxLength=10; var minLeng

javascript快速产生数组方法

//生成[item1-item9]数组 Array(9).join(0).split('').map((item,index) => 'item' + (index+1)) //生成20个对象的数组 Array.apply(null,{length:20}).map(function(item,index){ return {name:'xxx',index:(index+1)}; });

JavaScript中常用数组方法

1.concat() 连接不同的数组,组成一个新的数组: var a = [1,2,3]; var b = [4,5,6]; var c = a.concat(b);//[1,2,3,4,5,6]返回一个新的数组,不改变原数组 连接数值: var a = [1,2,3]; var b = a.concat(4, 5, 6);//[1,2,3,4,5,6]返回一个新的数组,不改变原数组 连接数值和数组: var a = [1,2,3]; var b = 4; var c = [5,6]; var

MUI常用脚本及原生JavaScript常用操作元素方法

1.mui元素转换html元素 var obj=mui("#id")[0]; 2.事件绑定 var btn = document.getElementById("login"); btn.addEventListener('tap',function(){ //事件处理 }); /*给address内的所有含有ajaxbtn类名的元素单击事件 */ mui('.address').on('tap','.ajaxbtn',function(){    dpajax(t