数组的增删

数组的尾部插入一个元素

var nums = [0,1,2,3,4];

nums.push(5,6,6);

//[0,1,2,3,4,5,6,6]

删除数组尾部的元素

var nums = [0,1,2,3,4,5];

nums.pop()

// [0, 1, 2, 3, 4]

数组的头部添加一个元素

var nums = [0,1,2,3,4,5];

nums.unshift(-1);

//[-1, 0, 1, 2, 3, 4, 5]

nums.unshift(-2,-3);

//[-2, -3, -1, 0, 1, 2, 3, 4, 5]

数组的首位删除元素

var nums = [0,1,2,3,4,5];

nums.shift();

// [1, 2, 3, 4, 5]

数组的任意位置添加和删除元素

var nums = [0,1,2,3,4,5,6,7];

nums.splice(2);

//[0, 1]

var nums = [0,1,2,3,4,5,6,7];

nums.splice(2,1);

//[0, 1, 3, 4, 5, 6, 7]

var nums = [0,1,2,3,4,5,6,7];

nums.splice(2,1,"a","b","c");

//[0, 1, "a", "b", "c", 3, 4, 5, 6, 7]

slice()返回参数选定的范围的数组

数组的中级

concat():合并数组,可以合并一个或多个数组。会按照参数顺序依次合并进想要合并的数组

join():把所有的数组元素依照分隔符(也就是参数)链接成一个字符串。如果不传入参数则以","逗号分隔。该方法同样会生成一个新的字符串结果。

some()和every():some()方法,会遍历数组中的每个元素,直到返回false结束!而every()呢,与some()相反,直到返回true结束!some用来判断本数组中是否存在(至少有一个)符合传入函数的条件的值,而every则判断是否本数组中每一个值都符合条件

forEach():该方法中可以有三个参数(item,index,arr)分别是调用forEach数组中的每一项元素,每一项元素的下标,调用forEach方法的数组。该方法会遍历数组中的每一项,为每一项执行你想做的事,不更改原数组并且没有返回值。但是我们可以自己通过数组的索引来修改原来的数组

var nums = [1,2,3,4,5,6,7,8,9,10];

var newNumsB = [];

var newNumsA = nums.forEach(function (item,index,arr){

          newNumsB.push(item + 100)

           arr[index] = item + 10;

})

console.log(nums)

//[11, 12, 13, 14, 15, 16, 17, 18, 19, 20]

console.log(newNumsB)

//[101, 102, 103, 104, 105, 106, 107, 108, 109, 110]

console.log(newNumsA)

//undefined

map():简单来说就是一个映射,但是map必须要有返回值,并且map会返回一个新数组

var nums = [1,2,3,4,5,6,7,8,9,10];

var newMapNums = nums.map(function (item,index,arr) {

          console.log(item,index,arr);

          return item * item;

})

console.log(newMapNums)

// [1, 4, 9, 16, 25, 36, 49, 64, 81, 100]

filter():过滤 你(调用filter方法的数组中每一个元素)是否能通过我(filter的function方法)的判定,如果可以就会成为我(返回的新数组)的一员

var nums = [1,2,3,4,5,6,7,8,9,10];

var newNums = nums.filter(function(item,index,arr){

          return item > 5

})

console.log(newNums)

//[6, 7, 8, 9, 10]

reduce():reduce(function(total,item,index,arr){},initalVal)  total其实就是指你之前所累加的值,而initalVal就是你最初的total是多少

var nums = [1,2,3,4,5,6,7,8,9,10];

var newNums = nums.reduce(function(total,item,index,arr){

        return total + item*100

},100)

console.log(newNums)

//5600

indexOf是返回与参数匹配的第一个元素的索引,lastIndexOf返回与参数匹配的最后一个元素的索引。

 

js 操作数组的更多相关文章

  1. JS操作数组的常用方式

    一.JS操作数组一:删除指定的元素 splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目. //查找指定元素下标 Array.prototype.indexOf = function ...

  2. JS操作数组常用的方法

    JS操作Array对象的方法 concat(arr1,arr2,...):连接数组indexOf(value):返回数组中value的第一个索引join(separator):将数组中所有的元素连接由 ...

  3. JS 操作数组对象

    我们在操作数组时,加入数组中是以对象的形式存在,例如: 那么我们会涉及到去重复,去掉为0的数组中的对象,js代码如下: function getItemList(gid, totalMoney, ad ...

  4. js操作数组元素

    一, 删除数组指定的某个元素 首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为: Array.prototype.indexOf = function(val) ...

  5. js操作数组

    一.数组的声明方式: var colors = new Array();//创建数组 var colors = new Array(20);//创建20个长度的数组 var colors = new ...

  6. js操作数组的一些小技巧

    1.从数组中随机获取成员 var items = [12, 548 , 'a' , 2 , 5478 , 'foo' , 8852, , 'Doe' , 2145 , 119]; var  rando ...

  7. js 操作数组封装

    function OperateArray(array) { this.array = array; } OperateArray.prototype.hasValue = function(val) ...

  8. js 操作数组(过滤对应数据)

    过滤掉相应数据 var fileList = { "85968439868a92": [{name: 'food.jpeg'}, {name: 'ood.jpeg'}], &quo ...

  9. JS操作数组-2

    1. 找出数组 arr 中重复出现过的元素 function duplicates(arr) { var result = []; var count = []; for (var i=0;i< ...

  10. 小tips:JS操作数组的slice()与splice()方法

    slice(start, end) slice()方法返回从参数指定位置开始到当前数组末尾的所有项.如果有两个参数,该方法返回起始和结束位置之间的项,但不包括结束位置的项. var colors = ...

随机推荐

  1. Android Studio启动时出现unable to access android sdk add-on list

    目录 Android Studio First Run 检测 Android SDK 及更新,由于众所周知的原因,我们会「Unable to access Android SDK add-on lis ...

  2. Hive启动失败

    启动hive报如下错误 [root@node01 conf]# hive19/03/31 09:57:31 WARN conf.HiveConf: HiveConf of name hive.meta ...

  3. 《深入探索Netty原理及源码分析》文集小结

    <深入探索Netty原理及源码分析>文集小结 https://www.jianshu.com/p/239a196152de

  4. Java基础知识➣泛型整理(四)

    概述 泛型的本质是参数化类型,使用同一套代码来满足不同数据类型的业务需要,提高代码的执行效率,使代码简单明了. 泛型方法 该方法在调用时可以接收不同类型的参数.根据传递给泛型方法的参数类型,编译器适当 ...

  5. eclipse发布后在tomcat下没有文件夹,服务器的Server locations不能修改

    主要是因为Server locations中的deploy路径不正确,要修改这个路径,需要移除服务器中的所有项目,然后点击清空,这时再双击服务器,既可修改这个设置.

  6. Codeforces 639D Bear and Contribution

    Bear and Contribution 对于对于5余数为, 0, 1, 2, 3, 4的分别处理一次, 用优先队列贪心. #include<bits/stdc++.h> #define ...

  7. Codeforces 1071C Triple Flips 构造

    原文链接 https://www.cnblogs.com/zhouzhendong/p/CF1071C.html 题目传送门 - CF1071C 题意 给定一个长度为 n 的 01 数列,限定你在 $ ...

  8. BZOJ3451 Tyvj1953 Normal 点分治 多项式 FFT

    原文链接https://www.cnblogs.com/zhouzhendong/p/BZOJ3451.html 题目传送门 - BZOJ3451 题意 给定一棵有 $n$ 个节点的树,在树上随机点分 ...

  9. tp5参数绑定

    关闭路由后的普通模式任然可以通过操作方法的参数绑定.控制器和空操作等特性实现url地址的简化 参数绑定(默认是按名称成对解析,): namespace app\index\Controller; cl ...

  10. TF:TF下CNN实现mnist数据集预测 96%采用placeholder用法+2层C及其max_pool法+隐藏层dropout法+输出层softmax法+目标函数cross_entropy法+AdamOptimizer算法

    import tensorflow as tf from tensorflow.examples.tutorials.mnist import input_data # number 1 to 10 ...