代码注释都写的很清楚了

关键字:斐波那契数组、二维数组、多维数组(矩阵)...

<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>bind</title>
</head> <body> </body>
<script>
// 斐波那契数列 从第三项开始是前两项的和 ,共20个
let a = [];
a[1] = 1;
a[2] = 2;
for (let i = 3; i < 20; i++) {
a[i] = a[i - 1] + a[i - 2] }
for (let i = 1; i < a.length; i++) {
console.log(a[i])
}
let b = [1]
console.log(b.unshift(3)) //2 在数组的头部添加元素,返回新数组的长度,可以添加多个元素,b.unshift(3,4,5)
console.log(b) //(2) [3, 1]
console.log(b.shift()) //3 删除数组的第一个元素,返回删除的元素 值得类型为number
console.log(typeof (b.shift())) //值得类型为number
console.log(b.length) //0 删除两次
//通过所shift 和unshift,就能用数组模拟基本的队列数据结构,后期写堆栈相关
let c = [3, 4]
console.log(c.push(5, 6)) //4 返回数组得长度
console.log(c) //[3,4,5,6]
console.log(c.pop()) //6 删除数组最后一个元素,并返回
console.log(c) //[3,4,5]
//通过push和pop方法,数据模拟栈,后期写堆栈相关
// shift(),pop()方法不加参数 // 删除数组指定位置的指定个数元素 splice(index,deletNum,add1,add2...)方法
let d = [1, 2, '3', 5, 4, 6, 7]
console.log(d.splice(2, 2)) //(删除元素的开始下标,删除指定个数的元素数量) ["3",5]返回被删除的数组,若不指定第二个参数默认为end,第二个参数小于等于0时不删除元素,返回[];当第一个参数为负数时,删除的位置为倒数第N个开始进行删除,当不指定第二个参数的时候默认end,当指定的数字小于指定位置绝对值得时候删除指定个数的元素,当大于绝对值的时候相当于end,当小于等于0时不删除;
console.log(d) //[1, 2, 4, 6, 7] console.log(d.splice(1, 1, 33, 34)) //[2] 当出现大于第三个的参数时,代表删除指定位置的deletNum元素,添加add1,add2...,
console.log(d) // [1, 33, 34, 4, 6, 7] //二维数组(矩阵) let twoDArr = [];
twoDArr[0] = [1, 2, 3, 4, 5, 6, 7]
twoDArr[1] = [8, 9, 10, 11, 12, 13, 14] for (let i = 0; i < twoDArr.length; i++) {
console.log(twoDArr[i]) // 循环每行的 [1, 2, 3, 4, 5, 6, 7] [1, 2, 3, 4, 5, 6, 7]
for (let j = 0; j < twoDArr[i].length; j++) {
console.log(twoDArr[i][j]) // 每行每列的具体数值 1,,2,3,4...
}
}
//多维数组(矩阵)
//创建三维数组
var matrix3x3x3 = [];
for (var i = 0; i < 3; i++) {
matrix3x3x3[i] = [];
for (var j = 0; j < 3; j++) {
matrix3x3x3[i][j] = [];
for (var z = 0; z < 3; z++) {
matrix3x3x3[i][j][z] = i + j + z;
}
}
}
console.log(matrix3x3x3) //(3) [Array(3), Array(3), Array(3)]0: (3) [Array(3), Array(3), Array(3)]1: (3) [Array(3), Array(3), Array(3)]2: (3) [Array(3), Array(3), Array(3)] //解析三维数组
for (var i = 0; i < matrix3x3x3.length; i++) {
for (var j = 0; j < matrix3x3x3[i].length; j++) {
for (var z = 0; z < matrix3x3x3[i][j].length; z++) {
console.log(matrix3x3x3[i][j][z]);
}
}
}
//数组一些方法
// concat() 连接两个活多个数组,返回结果
//every() 对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true,否则false(全部一个满足才为true)
let eArr = [3,4,5,6]
console.log(eArr.every((x)=>{return x>3})) //false
console.log(eArr.every((x)=>{return x>2})) //true
//some 对数组中的每一项运行给定函数,如果任一项返回true,则返回true (有一个满足即为true)
let soArr = [3,4,5,6]
console.log(soArr.some((x)=>{return x>3})) //true
console.log(soArr.some((x)=>{return x>2})) //true
//filter() 对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组
let fArr = [3,4,5,6]
console.log(fArr.filter((x)=>{return x>3})) //[4, 5, 6]
console.log(fArr.filter((x)=>{return x>2})) //[3, 4, 5, 6]
//forEach() 对数组中的每一项运行给定函数。这个方法没有返回值
let forArr = [3,4,5,6]
console.log(forArr.forEach((x)=>{return x*3})) //undefined
console.log(forArr) //[3, 4, 5, 6]
//join 将所有的数组元素连接成一个字符串,默认以','删除
let jArr = [1,3]
console.log(jArr.join('')) //13
//indexOf() 返回第一个与给定参数相等的数组元素的索引,没有找到则返回-1
let iArr =[1,2,34,5,3223,22]
console.log(iArr.indexOf('2')) //-1
// lastIndexOf 返回在数组中搜索到的与给定参数相等的元素的索引里最大的值
let liArr =[1,2,34,5,3223,22,34]
console.log(liArr.lastIndexOf(34)) //6
//map 对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数
let mArr = [3,4,5,6]
console.log(mArr.map((x)=>{return x*3})) // [9, 12, 15, 18]
//reverse 颠倒数组中元素的顺序,原先第一个元素现在变成最后一个,同样原先的最后一个元素变成了现在 的第一个
let rArr =[1,2,3]
console.log(rArr.reverse())//[3, 2, 1]
//slice(start,end) 传入索引值,将数组里对应索引范围内的元素作为新数组返回,不包含起始位置下标的元素,
//start 必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推,此时包含该下标对应的元素,
// end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。 let sArr = [1,2,3,4,5,6,7]
console.log(sArr.slice(2,3)) //[3]
console.log(sArr.slice(2))// [3, 4, 5, 6, 7]
console.log(sArr.slice(3,-3))//[4]
console.log(sArr.slice(-3,3))// []
console.log(sArr.slice(-3))// [5,6,7]
console.log(sArr[7]) //undefined !===slice(2,7) 这个7和sArr[7]不一样 //sort 按照字母顺序对数组排序,支持传入指定排序方法的函数作为参数
let sortArr = [2,4,3,8,1]
console.log(sortArr.sort())//[1, 2, 3, 4, 8] 默认升序
console.log(sortArr.sort((d,c)=>{return d-c})) //[1, 2, 3, 4, 8]
console.log(sortArr.sort((a,b)=>{return -a+b})) //[8, 4, 3, 2, 1]
// toString 将数组作为字符串返回
let toArr = [1,2,3,5]
console.log(toArr.toString()) //1,2,3,5 //valueOf 方法返回指定对象的原始值
let vaArr = [1,2,3,5]
console.log(vaArr.valueOf()) //[1,2,3,5] //reduce() 方法 计算数组元素相加后的总和:注意: reduce() 对于空数组是不会执行回调函数的。educe() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。reduce() 可以作为一个高阶函数,用于函数的 compose
var numbers = [65, 44, 12, 4];
function getSum(total, num) {
return total + num;
}
console.log(numbers.reduce(getSum)); //125
</script> </html>

valueOf()与toString()方法的异同参照https://blog.csdn.net/x_jagger/article/details/73430959

小总结:splice(start,deleteNum,add1,add2...)中的start与slice(start,end)中的start不一样,前者代表的是索引(下表),后者指的是从何处开始,何处结束,并不是索引(下标)

附一张reduce()方法的图

我能考虑到的数组(老)方法就这些了(es5)的更多相关文章

  1. 数组map方法与如何使用ES5实现

    数组map方法与如何使用ES5实现 JavaScript Array map() 方法 定义 map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值. map() 方法按照原始数 ...

  2. ES6之数组扩展方法【一】(相当好用)

    form 转化为真正的数组 先说一下使用场景,在Js中,我们要经常操作DOM,比如获取全部页面的input标签,并且找到类型为button的元素,然后给这个按钮注册一个点击事件,我们可能会这样操作: ...

  3. 再探JS数组原生方法—没想到你是这样的数组

    最近作死又去做了一遍javascript-puzzlers上的44道变态题,这些题号称"JS语言专业八级"的水准,建议可以去试试,这里我不去解析这44道题了, ...

  4. 一些ES5的操作数组的方法

    在ES5规范中新增了不少操作数组的方法,特此罗列一下以备使用 1. forEach循环 有点类似jQuery的each循环 [12,23,36,4,5].forEach(function(v,k){ ...

  5. 关于ES3、ES5、ES6以及ES7所有数组的方法(api)的总结

    起因:工作用经常用到操作数组的方法,这里进行一下总结,我尽量以简洁的语言概括每个方法(api)的作用.如果您想快速定位,可以Control+F 然后搜相应的方法即可定位 :) ES3的数组方法 joi ...

  6. IOS开发_中遍历数组的方法及比较

    数组,做为一种常用的数据类型,频繁出现在编码中,其中肯定少不了对数组的遍历,本博文对数组遍历,进行一下自己的归纳,如果是大牛,一笑而过就好,互相学习,欢迎指正. 话不多说直接进入主题 首先创建一个数组 ...

  7. php遍历循环数组实现方法

    简单利用foreach for list each while来遍历数组,包括普通的一维数组与二维数组遍历方法,下面详细的介绍了每个函数的使用方法. $foreach = array(1,2,3); ...

  8. 数组的方法 Array.map();Array.every()和Array.some();数组的indexof();检测是否是数组isArray(obj);

    数组的方法 Array.map(); 栗子: var a=[1,2,,3]; var b=a.map( function(value){return value*value} ); alert(b); ...

  9. java基础学习04(数组与方法)

    数组与方法 一.完成的目标 1. 掌握数组的定义.使用方法.引用传递 2. 掌握方法及其方法的重载 3. 使用方法接收和返回一个数组 4. java新特性对数组的操作支持 二.数组的定义和使用 数组是 ...

随机推荐

  1. UVa 1471 Defense Lines (二分+set优化)

    题意:给定一个序列,然后让你删除一段连续的序列,使得剩下的序列中连续递增子序列最长. 析:如果暴力枚举那么时间复杂度肯定受不了,我们可以先进行预处理,f[i] 表示以 i 结尾的连续最长序列,g[i] ...

  2. Gym 100512F Funny Game (博弈+数论)

    题意:给两个数 n,m,让你把它们分成 全是1,每次操作只能分成几份相等的,求哪一个分的次数最多. 析:很明显,每次都除以最小的约数是最优的. 代码如下: #pragma comment(linker ...

  3. 前端性能优化之WebP

    此文已由作者吴维伟授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 前端性能优化是一件很琐碎的事情.它不像其它很多技术,在确切有限的步骤下就可以把功能做好.它就像是在打扫屋子, ...

  4. IE浏览器下错误,不能执行已释放script的代码

    错误提示: 错误原因: 我使用layui打开子页面,用到了父页面中的一个全局变量(我用的数组),子页面关闭后,使用该数组方法(如:arr.join(",")),便提示此错误 我的解 ...

  5. php实现rpc简单的方法

    rpc是啥这不多解释,php扩展实现rpc yar是鸟哥的写的扩展,实现简单的rpc.比较很好理解 windows安装yar http://pecl.php.net/package/yar/2.0.4 ...

  6. [USACO 2012 Mar Gold] Large Banner

    传送门:http://www.usaco.org/index.php?page=viewproblem2&cpid=127 又是一道这种题目,遇到一次跪一次,这次终于硬着头皮看懂了题解,但是谢 ...

  7. 题解报告:poj 2752 Seek the Name, Seek the Fame(kmp前缀表prefix_table的运用)

    Description The little cat is so famous, that many couples tramp over hill and dale to Byteland, and ...

  8. 472 Concatenated Words 连接的单词

    详见:https://leetcode.com/problems/concatenated-words/description/ C++: class Solution { public: vecto ...

  9. [BZOJ1005][HNOI2008]明明的烦恼 数学+prufer序列+高精度

    #include<cstdio> #include<cstring> #include<algorithm> using namespace std; int N; ...

  10. 实现上下全屏幕屏滚动效果js

    ---恢复内容开始--- 详情见代码 第一步:首先添加3个js文件: 1.http://cdn.staticfile.org/jquery/1.8.3/jquery.min.js 2.http://c ...