0

0

JavaScript的数组使用集合

php中世界最好的语言

php中世界最好的语言

发布时间:2018-03-14 10:27:46

|

2114人浏览过

|

来源于php中文网

原创

这次给大家带来javascript数组使用集合,javascript数组使用集合的注意事项有哪些,下面就是实战案例,一起来看一下。

1.join() 将数组中的所有元素转化为字符串并连接在一起

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

2.reverser() 将数组中的元素颠倒顺序,返回逆序的数组。

var a[1,2,3,4];
a.reverse(); //[4,3,2,1]

3.sort() 将数组中的元素排序并返回排序后的数组。
当不带参数调用sort()时,数组元素以字母表顺序排序。

var a=['ant','Bug','cat','Dog'];
a.sort(); //["Bug", "Dog", "ant", "cat"]
a.sort(function(s,t){
   var s1=s.toLowerCase();
   var t1=t.toLowerCase();   if(s1t1) return 1;   return 0});//["ant", "BUg", "cat", "Dog"]

4.concat() 创建并返回一个新数组,它的元素包括调用concat()的原始数组的元素和concat()的每个参数。如果这些参数中的任何一个自身是数组,则连接的是数组元素,而非数组本身。

立即学习Java免费学习笔记(深入)”;

var a=[1,2,3];a.concat(4,5);// [1, 2, 3, 4, 5]a.concat([4,5]);// [1, 2, 3, 4, 5]a.concat([4,5],[6,7]);// [1, 2, 3, 4, 5, 6, 7]a.concat([4,5],[6,[8,7]]);// [1, 2, 3, 4, 5, 6,[8,7]]

5.slice() 返回指定数组的一个片段或子数组。它的两个参数分别指定了片段的开始和结束的位置。返回的数组包含第一个参数指定的位置和所有到但不含第二个参数指定的位置之间的所有数据元素。
如果只指定一个参数,返回的数组包含从开始位置到数组结尾的所有元素。
如果参数中出现负数,它表示相对于数组中最后一个元素的位置。例如:参数-1指定了最后一个元素,而-3指定了倒数第三个元素。
注意,slice()不会修改调用的数组。

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

6.splice() 在数组中插入或删除元素的通用方法。不同于slice()和concat(),splice()会修改调用的数组。注意:splice()和slice()拥有非常相似的名字,但它们的功能却又本质的区别。
splice()能够从数组中删除元素,插入元素到数组中或者同事完成这两种操作。在插入或删除点之后的数组元素会根据需要增加或减小它们的索引值,因此数组的其他部分仍然保持连续。splice()的第一个参数指定了插入和(或)删除的起始位置。第二个参数指定了应该从数组中删除的元素的个数,如果省略第二个参数,从起始点开始到数组结尾的所有元素都将被删除。splice()返回一个由删除元素组成的数组,或者如果没有删除元素就返回一个空数组。

var a=[1,2,3,4,5,6,7,8];a.splice(4);//返回[[5, 6, 7, 8]],a是[1, 2, 3, 4]a.splice(1,2)//返回[2, 3],a是[1, 4, 5, 6, 7, 8]a.splice(1,1);//返回[2],a是 [1, 3, 4, 5, 6, 7, 8]

7.push()和pop()
push()向数组尾部添加一个或多个元素。
pop()删除数组的最后一个元素。

8.unshift()和shift()
unshift()向数组头部添加一个或多个元素。
shift()删除数组的第一个元素。

9.toString()和toLocaleString()

[1,2,3].toString();//"1,2,3"[1,[2,'c']].toString();//"1,2,c"

toLocaleString()是toString()方法的本地化版本。它调用元素的toLocaleString()方法将每个数组元素转换为字符串,并使用本地化分隔符将这些字符串连接起来生成最终的字符串。

10.forEach()从头至尾遍历数组,为每个元素调用指定的函数。
传递的函数做为forEach()的第一个参数,然后forEach()使用三个参数调用该函数:数组元素,元素的索引和数组的本身。

Notion AI
Notion AI

Notion是一款集成了笔记、知识库、数据表格、看板、日历等多种能力于一体的应用程序,它既可供个人使用,也可以与他人进行跨平台协作。

下载
var data=[1,2,3,4,5];//计算数组元素的和值var sum=0;
data.forEach(function(value){
sum+=value
});  
sum //15//每个数组元素的值加1data.forEach(function(value,index,arr){
arr[index]=value+1;
});
data  //[2, 3, 4, 5, 6]

11.map()将调用的数组的每个元素传递给指定的函数,并返回一个数组,它包含函数的返回值
注意:传递给mao()的函数应该有返回值。map()返回的是新数组,不修改原来的数组。如果原来的数组是稀疏数组,返回的也是相同方式的稀疏数组,它们具有相同的长度,相同的缺失元素。

var a=[1,2,3];var b=a.map(function(value){return value*value;
});
b// [1, 4, 9]

12 filter()返回符合条件的数组元素

var a=[1,2,3,5];var b=a.filter(function(value){return value>2;
});
b  // [3, 5]

13.every()和some()
数组的逻辑判定,它们对数组元素应用指定的函数进行判定,返回true或false。
every()即数组中所有元素都符合筛选条件,则返回true.
some()即数组中存在元素符合筛选条件,则返回true;

var a =[1,2,3,4,5];
a.every(function(value){return value<10;
})  //true a中所有元素都小于10a.every(function(value){return value%2===0;
});//false a中不是所有元素都是偶数a.some(function(value){return value%2===0;
})//true a中存在偶数

reduce()和reduceRight()
使用指定的函数将数组元素进行组合,生成单个值。
reduce()需要两个参数。
第一个是执行化简操作的函数。化简函数的任务就是用某种方法把两个值组合或化简为一个值,并返回化简后的值。第二个(可选)参数是一个传递给函数的初始值。
reduceRight()和reduce()使用方法一致,不同的是它按照数组索引从高到低(从右向左)处理数组。

var a=[1,2,3,4,5];var sum=a.reduce(function(x,y){return x+y;},0);
sum //15  数组求和var max=a.reduce(function(x,y){return x>y?x:y});
max // 5求最大值

indexOf()和lastIndexOf()
indexOf()第一个符合条件的值的索引,如果没有,返回-1
lastIndexOf()最后一个符合条件的值的索引,如果没有,返回-1

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

Require.js详解

怎样实现node连接mysql的方法

JS的正则表达式如何使用

Javascript的单例模式

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
C++ 设计模式与软件架构
C++ 设计模式与软件架构

本专题深入讲解 C++ 中的常见设计模式与架构优化,包括单例模式、工厂模式、观察者模式、策略模式、命令模式等,结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析,帮助开发者掌握 如何运用设计模式构建高质量的软件架构,提升系统的灵活性与可扩展性。

14

2026.01.30

c++ 字符串格式化
c++ 字符串格式化

本专题整合了c++字符串格式化用法、输出技巧、实践等等内容,阅读专题下面的文章了解更多详细内容。

9

2026.01.30

java 字符串格式化
java 字符串格式化

本专题整合了java如何进行字符串格式化相关教程、使用解析、方法详解等等内容。阅读专题下面的文章了解更多详细教程。

12

2026.01.30

python 字符串格式化
python 字符串格式化

本专题整合了python字符串格式化教程、实践、方法、进阶等等相关内容,阅读专题下面的文章了解更多详细操作。

4

2026.01.30

java入门学习合集
java入门学习合集

本专题整合了java入门学习指南、初学者项目实战、入门到精通等等内容,阅读专题下面的文章了解更多详细学习方法。

20

2026.01.29

java配置环境变量教程合集
java配置环境变量教程合集

本专题整合了java配置环境变量设置、步骤、安装jdk、避免冲突等等相关内容,阅读专题下面的文章了解更多详细操作。

18

2026.01.29

java成品学习网站推荐大全
java成品学习网站推荐大全

本专题整合了java成品网站、在线成品网站源码、源码入口等等相关内容,阅读专题下面的文章了解更多详细推荐内容。

19

2026.01.29

Java字符串处理使用教程合集
Java字符串处理使用教程合集

本专题整合了Java字符串截取、处理、使用、实战等等教程内容,阅读专题下面的文章了解详细操作教程。

3

2026.01.29

Java空对象相关教程合集
Java空对象相关教程合集

本专题整合了Java空对象相关教程,阅读专题下面的文章了解更多详细内容。

6

2026.01.29

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.3万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.6万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号