当前位置:首页 » 微博热点 » 正文

分类页和文章页“当前位置”下方广告(PC版)
分类页和文章页“当前位置”下方广告(移动版)

福州地铁,一篇文章彻底把握 JavaScript 数组操作,中通速递

185 人参与  2019年07月16日 15:55  分类:微博热点  评论:0  
  移步手机端

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章

JavaScript 中的数组是什么?

在开端之前,你需求先了解数组的真实意义。

在 JavaScript 中,数组是一个用于存储不同数据类型的变量。它将不同的元素存储在一个盒子中,供今后运用。

声明一个数组:

let myBox = []; // JS中的初始化数组声明

数组中能够包括多种数据类型

let myBox = ['hello', 1, 2, 3, true, 'hi'];

能够用被称为办法的多个操作来操作数组。这些办法答应咱们对数组进行增加、删去、修正挤履行更多操作。

我会在本文中向你展现一其间的一部分,让咱们持续:

留意:本文中运用了箭头功用,假如你不知道这意味着什么,你应该在这儿阅览。箭头功用是ES6的功用


toString()

toString() 办法能够将数组转换为以逗号分隔的字符串。

let colors = ['green', 'yellow', 'blue'];
console.log(colors.toString()); // green,yellow,blue

join()

The JavaScript join() method combines all array elements into a string.

JavaScript 的 join() 办法将一切数组元素组合成一个字符串。

它类似于 toString() 办法,但在这儿你能够指定分隔符而不是默许的逗号。

let colors = ['green', 'yellow', 'blue'];
console.log(colors.join('-')); // green-yellow-blue

concat

此办法能够将两个数组组合在一同,或许向数组中增加更多的元素项,然后回来一个新数组。

let firstNumbers = [1, 2, 3];
let secondNumbers = [4, 5, 6];
let merged = firstNumbers.concat(secondNumbers);
console.log(merged); // [1, 2, 3, 4, 5, 6]

push()

此办法将元素项增加到数组的结尾,并修正福州地铁,一篇文章完全掌握 JavaScript 数组操作,中通速递原始数组。

let browsers = ['chrome', 'firefox', 'edge'];
browsers.push('safari'福州地铁,一篇文章完全掌握 JavaScript 数组操作,中通速递, 'opera mini');
console.log(browsers);
// ["chrome", "firefox", "edge", "safari", "opera mini"]

pop()

此办法删去数组的最终一项并回来

let browsers = ['chrome', 'firefox', 'edge'];
browsers.pop(); // "edge"
cons乐基儿ole.log(browsers); //轧 ["chrome", "firefox"]

shift()

此办法删去数组的第一项,并将它回来

let browsers = ['chrome', 'firefox', 'edge'];
browsers.shift(); // "chrome"
console.log(browsers); // ["firefox", "edge"]

unshift()

此办法将一个项增加到数组的最初,并修正原始数组。

let browsers = ['chrome', 'firefox', 'edge'];
browsers.unshift('safari');
console.log(browsers); // ["safari", "chrome", "firefox", "edge"]

你还能够一次增加多个项目

splice()

此办法经过增加、删去和刺进元从来修正数组。

语法是:

array.splice(index[, deleteCount, e爸爸去哪儿大电影之森林大冒险lement1, ..., elementN])
  • Index 这儿是删去数组中元素的起点
  • deleteCou乡村王妈妈nt 是要从该索引中删去的元素数
  • element1, …, elementN 是要增加的元素

删去项目

运转splice()后,它回来删去项目之后的数组轼组词,而且被删去的项目将其从原始数组中删去。

let colors = ['green', 'yellow', 'blue', 'purple'];
colors.splice(0, 3);
console.log(colors); // ["purple"]
// deletes ["green", "yellow", "blue"]

留意: deleteCount 不包括范围内的最终一个索引。

假如没有声明第二个参数,则将会从数组中删去从给定索引开端的一切元素:

let colors = ['green', 'yellow', 'blue', 'purple'];
colors.splice(3);
console.log(colors); // ["green", "yellow", "blue"]
// dele细菌性阴炎的症状tes ['purple']

鄙人一个比方中,咱们将从数组中删去 3 个元素,并用更多的项去替换它们福州地铁,一篇文章完全掌握 JavaScript 数组操作,中通速递:

let schedule = ['I', 'have', 'a', 'meeting', 'tommorrow'];
// removes 4 first elements and replace them with another
schedule.splice(0, 4, 'we', 'are', 'going', 'to', 'swim');
console.log(schedule);
// ["we", "are", "going", "to", "swim", "tommorrow"]

增加项目

要增加项目,咱们需求将 deleteCount 设置为零

let schedule = ['I', 'have', 'a', 'meeting', 'with'];
// adds 3 new elements to the array
schedule.splice(5, 0, 'some', 'clients', 'tommorrow');
console.log(schedule);
// ["I", "have", "a", "meeting", "with", "some", "clients", "to福州地铁,一篇文章完全掌握 JavaScript 数组操作,中通速递mmorrow"]

slice()

此办法与 splice() 有点像,但是有很大不同。它回来子数组而不是子字符串。

此办法仿制数组的给定部分,并将仿制的部分作为新数组回来。 它不会改动原始数组。

语法是:

array.slice(start, end)

这是一个简略的比方:

let numbers = [1, 2, 3, 4]
numbers.slice(0, 3)
// returns [1, 2, 3]
console.log(numbers) //回来原始数组

运用 slice() 的最好办法是将它分配给一个新变量。

let message = 'congratulations'
const abbrv = message.slice(0, 7) + 's!';
console.log(abbrv) // 回来 "congrats!"

split()

此办法用于字符串。它将倚天屠龙记苏有朋一个字符串分红子串并将它们作为数组回来。

语法:string.split(separator, limit);

  • 这儿的 sexcel排序eparator 界说了怎样切割字符串。
  • 决议了要切割成几份
let firstName = 'Bolaji';
// return the string as an array
firstName.split() // ["Bolaji"]

另一tesla个比方:

let firstName = 'hello, my name is bolaji, I am a dev.';
firstName.split(',', 2); // ["hello", " my name is bolaji"]

留意:假如咱们声明一个空数组,比方 firstName.split('');,那么字符串中的每个项目将都会被切割为子字符串:

let firstName = 'Bolaji';
firstName.split('') // ["B", "o", "l", "a", "j", "i"]

indexOf()

此办法在数组中查找项目,假如它被找到就回来索引,不然回来 -1

let fruits = ['apple', 'orange', false, 3]
fruits.indexOf('orange'); // returns 1
fruits.indexOf(3); // returns 3
friuts.indexOf(null); // returns -1 (not found)

lastIndexOf()

这种办法的作业办法与 indexOf() 相同,仅仅它从右到左作业。它回来找到的最终一个索引

let fruits = ['a天王盖地虎pple', 'orange', false, 3, 'apple']
fruits.lastIndexOf('apple'); // returns 4

filter()

假如数组的项目契合某个条件,则此办法将会创立一个新数组。

语法是:

let results = array.filter(function(item, index, array) {
// returns true if the item passes the filter
});

例:经过区号查看来自 Nigeria 的用户

const countryCode = ['+234', '+144', '+233', '+234'];
const nigerian = countryCode.filter( code => code === '+234');
console.log(nigerian); // ["+234", "+234"]

map()

此办法经过操作数组中的值来创立新数组。

例:显现页面上的用户名。 (根本老友列表显现)

const userNames = ['tina', 'danny', 'mark', 'bolaji'];
const display = userNames.map(item => {
return '
  • ' + item + '
  • ';
    })
    const render = '
      ' + display.join('') + '
    ';
    document.write(render);

    另一个比方:

    // 将美元符号增加到数字前面
    const numbers = [10, 3, 4, 6];
    const dollars = numbers.map( number => '$' + number);
    console.log(dollars);
    // ['$10', '$3', '$4', '$6'];

    reduce()

    此办法适用于核算总计的值。

    reduce() 用于核算数组中的单个值。

    let value = array.reduce(function(p工笔画reviousValue, item, index, array) {
    // ...
    }, initial);

    例:

    要遍历数组并对数组中的一切数字求和,能够运用 for 循环。

    const numbers = [100, 300, 500, 70];
    let sum = 0;
    for (let n of numbers) {
    sum += n;
    }
    console.log(sum);

    以下是用 reduce() 完结相同g功用的办法

    const numbers = [100, 300, 500, 70];
    const sum = numbers.reduce( (accummulator, value) =>
    accummulator + value
    , 0);
    console.log(sum); // 970

    假如省掉初始值,默许情况下总数将从数组中的第一项开端核算。

    const numbe请假条怎样写rs = [100, 300, 500, 70];
    const sum = numbers.reduce((accummulator, value) => accummulator + value);冈村宁次
    console.log(sum); // still returns 970

    下面的代码段显现了 reduce() 办法怎样与一切四个参数一同运用。

    来历:MDN Docs

    有关 reduce() 的各种用法的更多阐明能够在 这儿 和 这儿 找到。

    forEach()

    此办法适用于迭代数组。

    它把函数作用于数组中的一切项

    const colors = ['green', 'yellow', 'blue'];
    colors.forEach((item, index) => console.log(index, item));
    // returns the 福州地铁,一篇文章完全掌握 JavaScript 数组操作,中通速递index and the every item in the array
    // 0 "green"
    // 1 "yellow"
    // 2 "blue"

    迭代无需不传递索引参数即可完结

    const colors = ['green', 'ye小米校招风云抱歉llow', 'blue'];
    colors.forEach((item) => console.log(item));
    // returns every item in the array
    // "green"
    // "yellow"
    // "blue"

    every()

    此办法查看数组赫章可乐火把节中的一切项是否都契合指定的条件,假如契合则回来 true,不然回来 false。

    查看一切数字是否为正

    const numbers = [1, -1, 2, 3];
    let allPositive = numbers.every((value) => {
    return value >= 0;
    })
    console.log(allPositive); // would return false

    some()

    此办法查看数组中的项(一个或多个)是否契合指定的条件,假如契合则回来true,不然回来false。

    查看至少有一个数字是否为正

    const numbers = [1, -1, 2, 3];
    let atLeastOnePositive = numbers.some((value) => {
    return value >= 0;
    })
    console.log(atLeastOnePositive); // would return true

    includes()

    此办法查看数组是否包括某个项目。它类似于 .some(),但它不是要查找契合的特定条件,而是查看数组是否包括特定项。

    let users = ['paddy', 'zaddy', 'faddy', 'baddy'];
    users.includes('baddy'); // returns true

    假如找不到该项,则回来 false


    关于数组办法还有有更多,这仅仅其间的一部分。此外,还散烟灶有很多能够在数组上履行的其他操作,请经过查看 MDN 文档 来取得更深化的信息。

    总结

    • toString() - 将数组转换为以逗号分隔的字符串。
    • join() - 将一切数组元素组合成一个字符串。
    • concat - 将两个数组组合在一同,或许将更多项增加到数组中,然后回来一宇个新数组。
    • push() - 将项目增加到数组的结尾,改动原始数组。
    • pop() - 删去数组的最终一项并回来
    • shift() - 删去数组的第一项并返福州地铁,一篇文章完全掌握 JavaScript 数组操作,中通速递回
    • unshift() - 将一个项增加到数组的最初,改动原始数组。
    • splice() - 经过增加,删去和刺进元素修正一个数福州地铁,一篇文章完全掌握 JavaScript 数组操作,中通速递组。
    • slice() - 仿制数组的给定部分,并将仿制的部分作为新数组回来。 它不会改动原始数组。
    • split() - 将一个字符串分红子串并将它们作为数组回来。
    • indexOf() - 查找数组中的项目并回来其索引,假如没找到则回来-1
    • lastIndexOf() - 从右到左查找项目并回来找到的最终一个索引。
    • filter() - 如蔷薇灵动果数组的项目契合某个条件,则创立一个新数组。
    • map() - 经过操作数组中的值来创立一个新数组。
    • reduce() - 日期核算依据数组中的单个值进行核算。
    • forEach() - 遍历数组,将函数作用于数组中的一切项
    • every() - 查看数组中的一切项是否都契合指定的条件,假如契合则回来 true,不然回来 false。
    • some() - 查看数组中的项(一个或多个)是否契合指定的条件,假如契合则回来 true,不然回来 false。
    • includes() - 查看数组是否包括某个项目。

    获取办法:

    1.在你手机的右上角有【重视】选项,或点击我的头像,点击重视!(重视我)

    2.重视后,手机客户端点击我的主页面,右上角有私信,请私信发我:**01**

    电脑现已设置好了关键词主动回复,主动收取就好了!这几天上万个音讯,真的回复不过来,所以回复的时分请留意关键词!

    转载请保留出处和链接!

    本文链接:http://www.zhuhaixgame.com/articles/762.html

    文章底部广告(PC版)
    文章底部广告(移动版)
    百度分享获取地址:http://share.baidu.com/
    百度推荐获取地址:http://tuijian.baidu.com/,百度推荐可能会有一些未知的问题,使用中有任何问题请直接联系百度官方客服!
    评论框上方广告(PC版)
    评论框上方广告(移动版)
    推荐阅读
    12月05日

    邮政储蓄信用卡,电子产品层出不穷,孩子的视力问题令人堪忧,徐正曦

    发布 : | 分类 : 微博热点 | 评论 : 0人 | 浏览 : 133次

    眼睛是心灵的窗户,对每个人来说都是非常重要的。不过,这扇“心灵的窗户”也是非常容易被打破的。那么,对于那些正在成长的宝宝来说,视觉系统尚未发育成熟的他们眼中的世界是怎样的呢?如何才能够保护好孩子的视力呢?...

    标签 :
    12月04日

    刑事辩护律师,心绞痛发生时应该怎么办?这几件事请了解,大盘指数

    发布 : | 分类 : 微博热点 | 评论 : 0人 | 浏览 : 143次

    当心绞痛症状出现之时,基本都会持续一段时间,所以是很容易被人们发现的。在人们察觉到心绞痛症状之时,一定要及时去寻找病因,以防错过治疗疾病的最佳时机。而能够引发人们出现心绞痛症状的原因有很多,例如以下这几种。心绞痛的诱发因素有哪些?...

    标签 :
    12月04日

    虾仁,不吹不黑,客观点评吴悠的篮球水平,斗破苍穹2

    发布 : | 分类 : 微博热点 | 评论 : 0人 | 浏览 : 210次

    相信大部分篮球人都知道吴悠,但是可能很多人,尤其是街球界的人都十分反感他,那究竟吴悠的篮球水平如何呢?客观来说,吴悠确实很刻苦很有斗志,如今年过而立依然保持着很棒的体型和状态,这点不是随便哪个人就能做到的。能用1.74m的身高扣篮,也是身体素质的体现。...

    标签 :
    12月04日

    向太,天越冷,这个汤就越受欢迎,1碗下肚全身暖,酸爽可口超好喝,辽宁石油化工大学

    发布 : | 分类 : 微博热点 | 评论 : 0人 | 浏览 : 207次

    气温突然下降,没有回转的迹象,而且是一路走低,今天路上的行人,很多都穿上了秋羽绒。供暖前的日子最是寒冷,胃里就需要温热的食物来填满。每到此时,我家餐桌上就会出现一道快手汤,酸辣爽口,营养美味,一碗下肚全身都暖和。而这道汤,十分钟就能出锅,饭前先来一碗暖暖肠胃,既驱寒又保暖。...

    标签 :
    11月30日

    肉桂茶,教会学徒饿死师傅!章盟主5600万接力一股又被套:我难啊...,叶非夜

    发布 : | 分类 : 微博热点 | 评论 : 0人 | 浏览 : 274次

    热股龙虎榜——中电兴发:上塘路买入1200万平安大街买入1200万孙哥买入1200万无锡梁清路买入920万红荔路买入890万这股的基本面是新型智慧城市投资、建设与运营服务,契合四中大会概念,有可能是这波的龙头之一。...

    标签 :