陕西省住房和城乡建设厅门户网站,重庆建工,商务网站规划与网页制作,网站设置301重定向前言#xff1a;几乎所有的编程语言都原生支持数组类型。因为数组是最简单的内存数据结构。创建一个数组#xff1a;let arr new Array()或let arr new Array(5) // 指定长度或let arr new Array(1,2,3,4,5) // 将数组元素作为参数传给构造函数或let arr [1,2,3,4,5] // …前言几乎所有的编程语言都原生支持数组类型。因为数组是最简单的内存数据结构。创建一个数组let arr new Array()或let arr new Array(5) // 指定长度或let arr new Array(1,2,3,4,5) // 将数组元素作为参数传给构造函数或let arr [1,2,3,4,5] // 中括号创建数组访问元素和迭代数组for (let i 0; i arr.length; i ) {console.log(arr[i])}斐波那契数列已知斐波那契数列的前三项分别是0,1,1从第三项开始每一项都等于前两项之和。求斐波那契数列前20个数。const arr new Array(20);
arr[0] 0;
arr[1] 1;
arr[2] 1;
for (let i 3;iarr.length;i) {arr[i] arr[i-1] arr[i-2]
}斐波那契数列的经典算法面试题可以看这篇推文-斐波那契数列的算法添加数组元素1、在末尾插入元素在js中数组是一个可以修改的对象。如果添加元素它会动态的增长。在其他语言如C和java中想添加元素需要创建一个全新的数组。不能直接往里面添加元素arr[arr.length] 10或arr.push(10) //一个arr.push(10,11) //两个2、在开头插入元素arr.unshift(-1)//一个
arr.unshift(-1,-2)//两个不用unshift怎么实现在开头插入一个元素var arr [3,4,5,6]
for (var i arr.length;i0;i--){arr[i] arr[i-1]
}
arr[0] 23、在数组末尾删除元素arr.pop();push和pop方法都是用数组模拟栈。4、在数组开头删除元素arr.shift();不用shift怎么实现在开头删除一个元素Array.prototype.move function() {for(var i 0;ithis.length;i){this[i] this[i1]}return this.removeUndefined()
}
Array.prototype.removeUndefined function(){const newArr [];for (var i 0; i this.length;i) {if (this[i] ! undefined) {newArr.push(this[i])}}return newArr
}
// -----------------------------------------------
var arr [3,5,6,7,8]
arr.move() // [5,6,7,8]5、任意位置添加或删除元素arr.splice(_index,_number,[element]);
// _index:删除或插入的下标
// _number个数
// [element]替换的元素二维数组(矩阵)js只支持一维数组我们可以用数组套数组实现二维数组矩阵或多维数组。const dataModel [[65,23,45],[21,11,77]
]迭代二维数组的元素for(let i 0;i dataModel.length;i) {for (let j 0;j dataModel[i].length;j) {console.log(dataModel[i][j])}
}多维数组// 三维数组
const arr new Array();
arr[0] [];
arr[0][0] [1];
arr[0][0][0] 1;创建一个3*3正方形魔方立体矩阵const arr [];
const r 3; // 正方体边长
for (var x 0;xr;x) {arr[x] []; //必须层层初始化数组for (var y0;yr;y) {arr[x][y] [];for (var z0;zr;z) {arr[x][y][z] xyz;}}
}魔方中最小的值为000等于0最大的值为2226循环遍历三维数组for (var x 0; x arr.length; x) {for (var y 0;yarr[x].length;y) {for (var z 0;zarr[x][y].length;z) {console.log(arr[x][y][z])}}
}四维数组使用极少在此不表。常用数组方法方法名对应版本功能原数组改变concat①-合并数组并返回合并之后的数据xforEachES5遍历数组所有的项。接收回调参数为传参。回调函数接受三个参数分别为valueindexself无返回值xeveryES5同forEach回调函数对每个数组元素返回布尔值全部为true由every返回truexsomeES5同forEach回调函数对每个数组元素返回布尔值若有一个为true则返回truexmapES5同forEach回调函数对每个数组元素xfilterES5同forEach回调函数返回布尔值返回结果true的元素组成的新数组xreduce②ES5同forEach迭代数组的所有项并构建一个最终值由reduce返回xjoin③-使用分隔符将数组转为字符串并返回xindexOfES5查询并返回数据的索引xlastIndexOfES5反向查询并返回数据的索引xreverse-反转数组返回结果√sort-按照字母顺序对数组排序支持传入指定的排序方法函数作为参数√valueOf④-返回对象xtoString⑤-将数组作为字符串返回x①
const arr [1,2];
arr.concat([3,4,5]); // [1, 2, 3, 4, 5]
arr; // [1,2]②
// 作用1 求和
const arr [1,2,3,4,5]
const sum arr.reduce((result,item) {console.log(result) // 计算结果console.log(item) // 当前元素return resultitem
}, 0)
// 作用2 求数组项最大值
const arr [1,2,3,4,5]
const sum arr.reduce((result,item) {return Math.max(result,item)
})
// 作用3 扁平一个二维数组var arr [[1, 2, 8], [3, 4, 9], [5, 6, 10]];
var res arr.reduce((prev, cur) prev.concat(cur), []);
console.log(res) // [1,2,8,3,4,9,5,6,10]③
var a [1,2,3]
a.join() // 1,2,3
a.join(-) // 1-2-3④
var a [1,2,3]
a.valueOf() // [1,2,3]⑤
var a [1,2,3]
a.toString() // 1,2,3迭代器函数
