Javascript查漏补缺-数组

最近搜寻资料时候发现了几张js知识导图,闲来无事就当温习了一下


一、创建方法

这几个使用的是Array构造函数
空数组: var obj = new Array();
指定长度的数组:var obj = new Array(20);
指定元素的数组:var obj = new Array("red","blue","black");
另一种是使用数组字面量表示法:
三个字符串的数组:var obj = ["red","blue","green"];
空数组:var name = [];

二、基本操作

存取数组元素:
1)、单维数组:数组名[下标所索引] =》 obj[2];
2)、多维数组:数组名[外层数组下标][内层数组下标] =》obj[2][3]
增加数组:使用“【】”运算符指定一个新下标 =》 obj[3] = "yellow"
删除数组:delete数组名[下标] =》 delete obj[3];(删除之后原来元素会变成undefined)
遍历数组:for(var 数组元素变量in数组)

三、数组属性

引用数组对象的构造函数:constructor
数组的长度:length
通过增加属性和方法扩展数组定义:prototype

四、方法

1)、添加
push():在数组末尾添加数组 =》 arr.push("yellow","pupple")
unshift():在数组头部添加元素 =》 arr.unshift("green")
concat():合并两个数组 =》 arr1.concat(arr2)

2)、删除
pop():删除并返回数组的最后一个元素 =》 arr.pop()
shift():删除并返回数组的第一个元素 => arr.shift()

3)、子数组
splice(): 注意:此方法会直接修改数组本身!
PS:该方法可接受三个参数:
index(必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。)
howmany(必需。要删除的项目数量。如果设置为 0,则不会删除项目。)
item1, …, itemX( 可选。向数组添加的新项目)

删除任意数量的项:(要删除的起始下标,要删除的项数)=》arr.splice(1,2)
表从第一个开始,删除两个元素,包括第一个

在指定位置插入指定项:(起始下标,0[不删除任何元素],要插入的项) =》arr.splice(2,0,"yellow","red")
表示在索引为2的地方插入后面两个元素

替换任意数量的项:(起始下标,要删除的项数,要插入的项)=》arr.splice(0,2,"6")
表示从索引为0的开始,选取两个元素,替换成后面的元素

slice(): 注意:此方法不会修改数组本身!
从已有数组中选取部分元素构成新数组
PS:该方法可接受两个参数:
start(必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。)
end(可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从start到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。)
=》arr.slice(0,2)
表示从索引0开始,取两个元素,注意包含第0个元素但不包含第2个元素

4)、数组排序
reverse()
颠倒数组元素的顺序=》arr.reverse()

sort()
排序数组,默认的话,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。
比较数字的话如下:

<script type="text/javascript">
function sortNumber(a,b)
{
    return a - b
}
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"

document.write(arr + "<br />")
document.write(arr.sort(sortNumber))

</script>

5)、数组转换
toString() 转换为字符串并返回
toLocaleString转换为本地格式字符串并返回
join()用指定分隔符分割数组并转换为字符串

6)、位置方法
indexOf && lastIndexOf
一个从数组的起始位置开始查找,一个从数组的结束位置开始查找
接受两个参数:

  • 要查找的项
  • 表示查找起点的索引位置
    =》[2,3,4,5].indexOf(2)
    如果查找得到则返回该元素的索引,找不到返回-1

7)、迭代方法
every
该方法用于检测数组所有元素是否都符合条件(通过函数提供)

  • 如果数组中检测到有一个元素不满足,则整个表达式都返回false,并且剩余的元素不会检测
  • 如果所有元素都满足条件,则返回true
    例子:
    var ages = [32,33,16,40]
    function checkAdult(age){
      return age >= 18;
    }
    ages.every(checkAdult) //false

filter
对数组中的每个元素都执行一次指定的函数(callback),并且创建一个新的数组,该数组元素是所有回调函数执行时返回值为 true 的原数组元素。

//过滤掉小于 10 的数组元素:

//代码:
function isBigEnough(element, index, array) {
    return (element >= 10);
}
var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
// 12, 130, 44
//结果:[12, 5, 8, 130, 44].filter(isBigEnough) : 12, 130, 44

foreach
遍历

//打印数组内容:

function printElt(element, index, array) {
    document.writeln("[" + index + "] is " + element + "<br />");
}
[2, 5, 9].forEach(printElt);
// Prints:
// [0] is 2
// [1] is 5
// [2] is 9
//结果:
//[0] is 2
//[1] is 5
//[2] is 9

map
返回每次函数调用的结果数组

//将所有的数组元素转换为大写:

var strings = ["hello", "Array", "WORLD"];
function makeUpperCase(v)
{
    return v.toUpperCase();
}
var uppers = strings.map(makeUpperCase);
// uppers is now ["HELLO", "ARRAY", "WORLD"]
// strings is unchanged
//结果:["hello", "Array", "WORLD"].map(makeUpperCase) : HELLO, ARRAY, WORLD

some
有一项返回true,则返回true

//检查是否有数组元素大于等于10:

function isBigEnough(element, index, array) {
    return (element >= 10);
}
var passed = [2, 5, 8, 1, 4].some(isBigEnough);
// passed is false
passed = [12, 5, 8, 1, 4].some(isBigEnough);
// passed is true
//结果:
//[2, 5, 8, 1, 4].some(isBigEnough) : false 
//[12, 5, 8, 1, 4].some(isBigEnough) : true

8)、缩小方法
reduce 从数组起始位开始遍历
reduceRight 从数组末尾开始遍历
常见场景叠加

var sum = [0, 1, 2, 3].reduce(function(acc, val) {
  return acc + val;
}, 0);
// sum is 6
IT文库 » Javascript查漏补缺-数组
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址