JS - 数组(2)

join

var a = [1,2,3];
a.join(); // "1,2,3"
a.join('_'); // "1_2_3"

Q:如何快速制造出重复字符串

function repeatStr(str, n) {a
repeatSrt('a', 3); // 'aaa'  就像 a.join('_') 一样,最后搞出 length-1 个 '_'
空的数组 undefined 会忽略掉

reverse, sort

调用 reverse, sort 会把原始数据修改掉

concat

原始数据被改变

var a = [1, 2, 3];
a.concat([10, 12], 1); // [1,2,3,10,12,1]
a.concat([1, [10, 12]]); // [1,2,3,1,[10,12]]

slice

原始数据被改变,返回部分数组,左闭右开区间

var arr = [1, 2, 3, 4, 5];
arr.slice(1,3); // [2, 3]
arr.slice(1); // [2,3,4,5]
arr.slice(1, -1); // [2,3,4]
arr.slice(-4, -3); // [2]

splice

原始数据被改变

var arr = [1, 2, 3, 4, 5];
arr.splice(2); // return [3, 4, 5]
arr; // [1, 2]

var arr = [1, 2, 3, 4, 5];
arr.splice(2, 2); // return [3, 4]
arr; // [1, 2, 5];

var arr = [1, 2, 3, 4, 5];
arr.splice(1, 1, 'a', 'b'); // [1, 'a', 'b', 3, 4, 5]

ES5

forEach 数组遍历

var arr = [1, 2, 3, 4, 5];
arr.forEach(function(x, index, a) {
    console.log(x + '|' + index + (a===arr))
});
// 1|0|true ...

map 数组映射

var arr = [1, 2, 3];
arr.map(function(x) {
    return x + 10;
}); // [11, 12, 13]
arr; //[1, 2, 3]

filter 数组过滤

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
arr.filter(function(x, index) {
    return index % 3 ===0 || x>=8;
}); //return [1, 4, 7, 8, 9 ,10]
arr; //[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

every && some 数组判断

var arr = [1, 2, 3, 4, 5];
arr.every(function(x) {
    return x < 10;
}); // true

arr.every(function(x) {
    return x < 3;
}); //false

var arr = [1, 2, 3, 4, 5];
arr.some(function(x) {
    return x === 3;
}); // true

arr.some(function(x) {
    return x === 100;
}); //false

reduce && reduceRight

indexOf && lastIndexOf

Array.isArray

Array && String

var a = "sunorry";
Array.prototype.join.call(a, '_'); // 's_u_n_o_r_r_y'
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1:在寻找的时候,字符串的索引可以不是数字,只要是符合一定的规范,并可以转换为数字就可以的。(索引前面不可以加多于...
    冰激凌_db91阅读 3,339评论 0 0
  • 由于最近都在freecodecamp上刷代码,运用了很多JavaScript数组的方法,因此做了一份关于JavaS...
    2bc5f46e925b阅读 6,208评论 0 16
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 8,516评论 0 4
  • Flume的下载方式: wget http://www.apache.org/dyn/closer.lua/flu...
    晴天哥_王志阅读 3,873评论 0 1
  • 连接中间件,将livereload脚本添加到响应中。不需要浏览器插件。如果您对浏览器插件感到满意,那么您不需要这个...
    angelwgh阅读 4,187评论 0 0