资讯专栏INFORMATION COLUMN

20170605-Array相关方法

Chaz / 1645人阅读

摘要:方法将所有在过滤函数中返回的数组元素放进一个新数组中并返回。方法从左到右为每个数组元素执行一次回调函数,并把上次回调函数的返回值放在一个暂存器中传给下次回调函数,并返回最后一次回调函数的返回值。

创建数组

var array = new Array();

var array = new Array(10);

var array = new Array("red","blue","green");

var array = [];

var array = [1,2,3,4,5,6];

检测数组

确定某个对象是否是数组:

value instanceof Array

Array.isArray(value)

转换方法:toString() valueOf() toLocaleString

toString 方法返回一个字符串,该字符串由数组中的每个元素的 toString() 返回值经调用 join() 方法连接(由逗号隔开)组成

var monthNames = ["Jan", "Feb", "Mar", "Apr"];
var myVar = monthNames.toString(); // assigns "Jan,Feb,Mar,Apr" to myVar.

toLocaleString() 返回一个字符串表示数组中的元素。数组中的元素将使用各自的 toLocaleString 方法转成字符串,这些字符串将使用一个特定语言环境的字符串(例如一个逗号 ",")隔开。

valueOf() 方法仍然会返回该数组 (如果放在console.log()中输出,会自动调用toString方法)

栈方法:让数组的行为类似于数据结构中的栈

pop():删除数组的最后一个元素,并返回该元素

push(): 在数组的末尾增加一个或多个元素,并返回新数组的长度

var numbers = [1, 2, 3];
numbers.push(4);
numbers.push(5,6,7);
队列方法

shift():删除数组的第一个元素,并返回该元素

push()

unshift():在数组的开头增加一个或多个元素,并返回新数组的长度

排序方法 在原数组的基础上进行修改

reverse(): 颠倒数组中元素的排列顺序

sort(): 对数组元素进行排序,并返回当前数组,默认排序顺序是根据字符串的Unicode码点

var scores = [1, 10, 21, 2]; 
scores.sort();  // [1, 10, 2, 21]  

sort(compareFunction): 对数组元素按照指定的比较方法进行排序,并返回当前数组

如果指明了 compareFunction ,那么数组会按照调用该函数的返回值排序。即 a 和 b 是两个将要被比较的元素:

如果 compareFunction(a, b) 小于 0 ,那么 a 会被排列到 b 之前;
如果 compareFunction(a, b) 等于 0 , a 和 b 的相对位置不变。
如果 compareFunction(a, b) 大于 0 , b 会被排列到 a 之前。
compareFunction(a, b) 必须总是对相同的输入返回相同的比较结果,否则排序的结果将是不确定的。

var numbers = [4, 2, 5, 1, 3];
numbers.sort(function(a, b) {
  return a - b;
});
console.log(numbers);

// [1, 2, 3, 4, 5]
其他方法

fill() 方法将一个数组的所有元素从开始索引填充到具有静态值的结束索引

arr.fill(value, start, end)
value 用来填充数组元素的值
start 开始索引
end 结束索引
[1, 2, 3].fill(4)            // [4, 4, 4]
[1, 2, 3].fill(4, 1)         // [1, 4, 4]
[1, 2, 3].fill(4, 1, 2)      // [1, 4, 3]
[1, 2, 3].fill(4, 1, 1)      // [1, 2, 3]
[1, 2, 3].fill(4, -3, -2)    // [4, 2, 3]

splice()方法:在任意的位置给数组添加或者删除任意个元素

array.splice(start[, deleteCount][,item1,item2, ...] )

var myFish = ["angel", "clown", "mandarin", "surgeon"];

//从第 2 位开始删除 0 个元素,插入 "drum"
var removed = myFish.splice(2, 0, "drum");
//运算后的 myFish:["angel", "clown", "drum", "mandarin", "surgeon"]
//被删除元素数组:[],没有元素被删除

//从第 3 位开始删除 1 个元素
removed = myFish.splice(3, 1);
//运算后的myFish:["angel", "clown", "drum", "surgeon"]
//被删除元素数组:["mandarin"]

//从第 2 位开始删除 1 个元素,然后插入 "trumpet"
removed = myFish.splice(2, 1, "trumpet");
//运算后的myFish: ["angel", "clown", "trumpet", "surgeon"]
//被删除元素数组:["drum"]

//从第 0 位开始删除 2 个元素,然后插入 "parrot", "anemone" 和 "blue"
removed = myFish.splice(0, 2, "parrot", "anemone", "blue");
//运算后的myFish:["parrot", "anemone", "blue", "trumpet", "surgeon"]
//被删除元素的数组:["angel", "clown"]

//从第 3 位开始删除 2 个元素
removed = myFish.splice(3, Number.MAX_VALUE);
//运算后的myFish: ["parrot", "anemone", "blue"]
//被删除元素的数组:["trumpet", "surgeon"]

concat(): 返回一个由当前数组和其他若干个数组或者若干个非数组值组合成的新数组

includes():判断当前数组是否包含指定的值,如果是返回true,否则返回false

join():连接所有数组元素组合成一个字符串,可以想join()传入连接符号作为参数

slice():抽取当前数组中的一段元素组合成一个新数组

arr.slice();
arr.slice(begin);
arr.alice(begin, end)

var a = ["zero", "one", "two", "three"];
var slice = a.slice(1,3);
console.log(slice); // ["one", "two"]

indexOf():返回数组中第一个与指定值相等的元素的索引,如果找不到,则返回-1

lastIndexOf():返回数组中最后一个与指定值相等的元素的索引,如果找不到,则返回-1

Iteration方法

forEach():为数组中的每个元素执行一次回调函数

let a = ["a", "b", "c"];

a.forEach(function(element) {
    console.log(element);
});

// a
// b
// c

entries()方法:返回一个新的Array Iterator 对象,该对象包含数组中每个索引的键值对

var arr = ["a", "b", "c"];
var iterator = arr.entries();
// undefined

console.log(iterator);
// Array Iterator {}

console.log(iterator.next().value); 
// [0, "a"]
console.log(iterator.next().value); 
// [1, "b"]
console.log(iterator.next().value); 
// [2, "c"]

every()方法:如果数组中的每个元素都满足测试函数,则返回true,否则返回false

function isBigEnough(element, index, array) {
  return (element >= 10);
}
var passed = [12, 5, 8, 130, 44].every(isBigEnough);
// passed 的值为 false

some()方法: 如果数组中至少有一个元素满足测试函数,则返回 true,否则返回 false。

filter()方法: 将所有在过滤函数中返回 true 的数组元素放进一个新数组中并返回。

function isBigEnough(value) {
  return value >= 10;
}

var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
// filtered is [12, 130, 44]

find()方法: 找到第一个满足测试函数的元素并返回那个元素的值,如果找不到,则返回 undefined。

findIndex()方法: 找到第一个满足测试函数的元素并返回那个元素的索引,如果找不到,则返回 -1。

map()方法:返回一个由回调函数的返回值组成的新数组。

reduce()方法: 从左到右为每个数组元素执行一次回调函数,并把上次回调函数的返回值放在一个暂存器中传给下次回调函数,并返回最后一次回调函数的返回值。

var sum = [0, 1, 2, 3].reduce(function(acc, val) {
  return acc + val;
}, 0);

console.log(sum);
// 6

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/83321.html

相关文章

  • 前端工程师,这些你都会么?

    摘要:基础基本的布局中间自适应旁边固定啥的的几种实现方法垂直居中的几种实现方法盒模型行内元素和块元素块级格式化上线文,和浮动一起考伪元素伪类这种预处理器基础原型链闭包类和继承实现方法实现方法异步处理方法写一个方法遍历所有文档树所有节点考察递归和和 html + css基础 •基本的布局(中间自适应旁边固定啥的)的几种实现方法; •垂直居中的几种实现方法; •盒模型; •position; •...

    bergwhite 评论0 收藏0
  • 前端工程师,这些你都会么?

    摘要:基础基本的布局中间自适应旁边固定啥的的几种实现方法垂直居中的几种实现方法盒模型行内元素和块元素块级格式化上线文,和浮动一起考伪元素伪类这种预处理器基础原型链闭包类和继承实现方法实现方法异步处理方法写一个方法遍历所有文档树所有节点考察递归和和 html + css基础 •基本的布局(中间自适应旁边固定啥的)的几种实现方法; •垂直居中的几种实现方法; •盒模型; •position; •...

    yibinnn 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<