Js Array数组方式总结

访客4年前黑客文章745

合并数组 - concat()

用法一 (合并两个数组)

var hege = ["Cecilie", "Lone"];

var stale = ["Emil", "Tobias", "Linus"];

var children = hege.concat(stale);

console.log(children );      // ["Cecilie", "Lone", "Emil", "Tobias", "Linus"]

用法二 (合并多个数组)

var parents = ["Jani", "Tove"];

var brothers = ["Stale", "Kai Jim", "Borge"];

var children = ["Cecilie", "Lone"];

var family = parents.concat(brothers, children);

console.log(family);          // ["Jani", "Tove", "Stale", "Kai Jim", "Borge", "Cecilie", "Lone"]


数组转字符串 - join()、toString()

两种方式都返回新的字符串

join() 方式

var fruits = ["Banana", "Orange", "Apple", "Mango"];

var a = fruits.join();

console.log(a);                // "Banana,Orange,Apple,Mango"

toString() 方式

var fruits = ["Banana", "Orange", "Apple", "Mango"];

var a = fruits.toString();

console.log(a);                // "Banana,Orange,Apple,Mango"

相同点:

都可以将数组转字符串。

区别:

join另有另外的用法:join() 可接受一个参数作为米素之间的毗邻符号

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.join("-");
console.log(a);            //  "Banana-Orange-Apple-Mango"


删除数组最后一个米素 - pop()

pop 返回米素的最后一个米素,原数组最后一个删除。

var fruits = ["Banana", "Orange", "Apple", "Mango"];

var a = fruits.pop();

console.log(a);                //  "Mango"

console.log(fruits );          //  ["Banana", "Orange", "Apple"]


添加米素 - push()

push 返回的是数组的长度,原数组最后面添加一个新米素

var fruits = ["Banana", "Orange", "Apple", "Mango"];

var a = fruits.push("Kiwi");

console.log(a);                // 5

console.log(fruits);          //   ["Banana", "Orange", "Apple", "Mango", "Kiwi"]


数组反转 - reverse()

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.reverse();

console.log(fruits);        // ["Mango", "Apple", "Orange", "Banana"]


删除数组之一个米素 - shift()

shift 返回数组的之一个米素,原数组之一个米素被删除

var fruits = ["Banana", "Orange", "Apple", "Mango"];

var a= fruits.shift();

console.log(a);              //  "Banana"

consoel.log(fruits);        //   ["Orange", "Apple", "Mango"]


截取数组米素 - slice(start,end)

slice 返回截取的米素组成的数组,原数组不会发生变化。

slice接受两个参数,起始位置和竣事位置,之一个参数起始位置若是为负数,示意从数组尾部更先算,如 -1 代表最后一个。若是不传入竣事位置,示意从起始位置起到数组末端的所有米素。

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];

var a= fruits.slice(1,3);

console.log(a);                //  ["Orange", "Lemon"]

console.log(fruits);          //   ["Banana", "Orange", "Lemon", "Apple", "Mango"]


数组排序 - sort(func)

sort 方式用于对数组的米素举行排序。

sort 可接受一个参数 func,非必传,若是要传入必须是函数,在不传参的情况下,sort 示意按字符串编码的顺序举行排序,若是要对数组举行排序需传入函数。

不传参:

var  arr= ["George", "John", "Thomas", "James", "Adrew", "Martin"];

arr.sort();

console.log(fruits);          //  ["Adrew", "George", "James", "John", "Martin", "Thomas"]

// 没有传入函数,以是结果是根据0123456789的顺序举行排列

var nums = [21,14,26,11,105];

nums.sort();

console.log(nums);            //  [105, 11, 14, 21, 26]

传参:

function sortNumber(a, b){

        return a - b

}

var nums = [21,14,26,11,105];

nums.sort(sortNumber);

console.log(nums);            // [11, 14, 21, 26, 105]


在指定位置添加/删除/替换米素 - splice( start, count , .....)

splice 接受多个参数,之一个是起始位置,第二个为删除个数,之后的参数为添加/删除/替换的米素。

splice 返回删除米素的数组

用法一 (添加米素)

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.splice(2,0,"Lemon","Kiwi");

console.log(fruits );            //  ["Banana", "Orange", "Lemon", "Kiwi", "Apple", "Mango"]

用法二 (替换米素)

// 从第二个位置起删除两个米素,接受新的两个米素

var fruits = ["Banana", "Orange", "Apple", "Mango"];

var a = fruits.splice(2,2,"Lemon","Kiwi");

console.log(a);                  // ["Apple", "Mango"]

console.log(fruits);            //  ["Banana", "Orange", "Lemon", "Kiwi"]

用法三 (删除米素)

var fruits = ["Banana", "Orange", "Apple", "Mango"];

var a = fruits.splice(2,2);

console.log(a);                  // ["Apple", "Mango"]

console.log(fruits);            //  ["Banana", "Orange"]


在数组开头添加米素 - unshift()

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.unshift("Lemon","Pineapple");

console.log(fruits);            // ["Lemon", "Pineapple", "Banana", "Orange", "Apple", "Mango"]


检查某米素是否存在于数组中 - indexOf()、lastIndexOf()

indexOf 和 lastIndexOf 都接受两个参数,之一是需要检查的米素。第二个是从谁人索引位置更先检查

indexOf 示意从 0 更先,lastIndexOf 示意最后一个米素更先

var  arr = [1,23,4,5,6,7,89];

arr.indexOf(89)                //    6

arr.indexOf(89,2)              //    6

arr.lastIndexOf(89)            //    6

arr.lastIndexOf(89,5)          //    -1


数组遍历 - map()、forEach()

相同点:

  • 都是数组的遍历方式,可以遍历数组中的每一个米素

  • forEach和map方式里每次执行匿名函数都支持3个参数,参数分别是item(当前每一项),index(索引值),arr(原数组)

  • 都不会改变原数组

  • 匿名函数的 this 都指向 windows

不同点:

  • map 方式会返回一个新的数组,数组中的米素为处置后的值,forEach 方式不会返回新的数组

  • map 方式不会对空数组举行检测,forEach对于空数组是不会调用回调函数的。

  • mao 方式不支持低端浏览器

var arr = [1,2,3,4];

var a = arr.map(function(item,index,arr){

    return item * item;

})

console.log(a);        //  [1, 4, 9, 16]

console.log(arr);      //   [1, 2, 3, 4]
var arr = [1,2,3,4];

var a = arr.forEach(function(item,index,arr){

    return item * item;

})

console.log(a);        //  undefined

console.log(arr);      //   [1, 2, 3, 4]


数组过滤 - filter()

filter() 方式是返回某一数组中知足条件的米素,该方式返回的是一个新的数组。

// 返回米素长度大于 10 的数组米素

var arr =  [12,5,8,16,125,98];

var filters = arr.filter(function(value){

      return value >= 10

});

console.log(filters );        //  [12, 16, 125, 98]


of 遍历

let arr2=[1,2,234,'sdf',-2];

for(let a of arr2){

  console.log(a)          // 1,2,234,sdf,-2 遍历了数组arr的值

}


数组累加器 - reduce()、reduceRight()

reduce() 方式吸收一个函数作为累加器,数组中的每个值(从左到右)更先缩减,最终盘算为一个值。

reduce 和 reduceRight 用法一样,区别在于 reduceRight 是从数组的末尾向前做数组项累加。

array.reduce(function(total, currentValue, currentIndex, arr), initialValue);

total         必须。初始值, 或者盘算竣事后的返回值。

currentValue    必须。当前米素

currentIndex    可选。当前米素的索引

arr         可选。当前米素所属的数组工具。

initialValue    初始值
var numbers = [65, 44, 12, 4];

var a = numbers.reduce(function(total,num){

      return total + num;

},0)

console.log(a);          // 125


判断数组中的米素是否知足指定条件 - some()、every()

some 方式会遍历数组的每一个米素,判断是否知足条件,返回一个布尔值。

every 方式会遍历数组的每一个米素,判断每一项是否知足条件,若是每项都知足,才返回true。

var numbers = [65, 44, 12, 4];

var a = numbers.some(function(item){

      return item > 62;

});

console.log(a);          //  true
var numbers = [65, 44, 12, 4];

var a = numbers.every(function(item){

      return item > 62;

});

console.log(a);          //  false


将当前数组指定位置的米素复制到其他位置并替换 - copyWithin(index,start,end)

index(必须):从该位置更先替换数据。若是为负值,示意倒数。

start(可选):从该位置更先读取数据,默以为 0。若是为负值,示意倒数。

end(可选):到该位置前住手读取数据,默认即是数组长度。使用负数可从数组末端处划定位置。

[1, 2, 3, 4, 5].copyWithin(0,1,3)    //   [2, 3, 3, 4, 5]


*** ON数组花样转换 - Array.from()

Array.from() 转换的 json 要求必须要有length属性

let  people = {

    0:'zhangsan',

    '1':24,   

    length:2   

};

let trans=Array.from(people);

console.log(trans);            //  ['zhangsan',24]


将一堆米素转换成数组 - Array.of()

let arr = Array.of(1,"23","测试","dsa"); 

console.log(arr);            //  [1, "23", "测试", "dsa"]


查找数组中知足条件的米素 - find()

let arr=[1,2,3,"cxz",-2];

var a = arr.find(function(x){

  return x<="cxz";

});

console.log(a);              // "cxz"


查找数组中知足条件的米素的下标 - findIndex()

let arr=[1,2,3,"cxz",-2];

var a = arr.findIndex(function(x){

  return x<="cxz";

});

console.log(a);              // 3


判断数组中是否包罗某米素 - includes()

includes 判断数组中是否包罗某米素,返回布尔值

let arr=[1,2,3,"cxz",-2];

var a = arr.includes("cxz");

console.log(a);              //  true
思源资源网:分类流动

1.阿里云: 本站现在使用的是阿里云主机,平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入

相关文章

加盟哈尼卡布奶茶的费用是多少?成长是需要时间的

加盟哈尼卡布奶茶的费用是多少?成长是需要时间的

奶茶一个让人喝起来有股子“初恋”感觉的一种休闲饮品。它深受年轻人的热捧,尤其是女孩子。如果加盟者选择奶茶这个项目加盟的话能不能赚钱呢?答案是必须能,但是还要看经营者的能力了,加盟者和品牌是一个对立统一...

中国黑客日本视频(中国最厉害黑客让日本系统瘫痪)

中国黑客日本视频(中国最厉害黑客让日本系统瘫痪)

本文导读目录: 1、9·18中国红客联盟攻击日本网络事件的事件简介 2、中国最有影响力的黑客是谁? 3、中国红客联盟攻击日本是真的吗 中国红客联盟攻击日本传言 中国红客联盟攻击日本具体时间段...

农业农村部:11月以来生猪和猪肉价格开始回落

央广网北京11月16日消息(记者柴华)据中央广播电视总台中国之声《全国新闻联播》报道,农业农村部近日表示,进入11月以来,生猪和猪肉价格开始回落,随着扶持政策进一步落实落地,生猪生产一定会逐步恢复。...

有什么黑客软件可以改别人的网络(黑客找人软件)-可以装黑客的网站

有什么黑客软件可以改别人的网络(黑客找人软件)-可以装黑客的网站

有什么黑客软件可以改别人的网络(黑客找人软件)(tiechemo.com)一直致力于黑客(HACK)技术、黑客QQ群、信息安全、web安全、渗透运维、黑客工具、找黑客、黑客联系方式、24小时在线网络黑...

棋魂佐为为什么会消失-棋魂佐为消失是多少集

棋魂佐为为什么会消失-棋魂佐为消失是多少集

棋魂是一部漫改剧,由日本同名漫画《棋魂》改编成真人版的电视剧,目前由胡先煦和张超主演的这部《棋魂》正在热播之中,看过棋魂漫画的人都知道佐为最终会消失,因此大家都十分好奇棋魂佐为为什么会消失,这个遗憾的...

智能家居容易被黑客攻击吗(我们家里的哪些设备可能被黑客入侵)

智能家居容易被黑客攻击吗(我们家里的哪些设备可能被黑客入侵)

本文导读目录: 1、智能家居连网之后会不会被入侵?怎么保障这个安全? 2、智能家居有哪些利弊? 3、如何应对智能家居可能带来的网络安全问题 4、智能家居有什么弊端? 5、现在许多家庭喜...