0

0

浅谈Javascript中数组对象的常用属性

青灯夜游

青灯夜游

发布时间:2018-10-12 16:46:12

|

2677人浏览过

|

来源于博客园

转载

本文给大家介绍javascript中数组对象的常用属性 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

concat() 

用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

var a = ["aa","ccc"];
var b = ["vv","mm"];
var c = ["123"];
var d = a.contac(b,c);  ==> ["aa","ccc","vv","mm","123"]

every()

用于检测数组所有元素是否都符合指定条件(通过函数提供)。

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

every() 方法使用指定函数检测数组中的所有元素:

  • 如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。

  • 如果所有元素都满足条件,则返回 true。

注意: every() 不会对空数组进行检测。

注意: every() 不会改变原始数组。

var ary = [3,4,5,6,7];
var result = ary.every(function(item){   
     return item>5;          
}) ==> false

filter()

创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

注意: filter() 不会对空数组进行检测。

注意: filter() 不会改变原始数组。

var ary = [2,3,5,6,7];
var result = ary.filter(function(item){   
     return item>3;
}); ==> [5,6,7]

forEach()

用于调用数组的每个元素,并将元素传递给回调函数。

var ary = [3,4,5,6,7];
var result = ary.forEach(function(item,index){
   console.log(item,index)         
});

 includes()

用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。

arr.includes(searchElement)
arr.includes(searchElement, fromIndex)
// searchElement   要查找的元素
// fromIndex  开始查找的位置,默认为0;如果fromIndex 大于等于数组长度 ,则返回 false ,该数组不会被搜索
//如果 fromIndex 为负值,计算出的索引将作为开始搜索searchElement的位置。如果计算出的索引小于 0,则整个数组都会被搜索。
var arr = ['a', 'b', 'c'];
arr.includes('a'); // true
arr.includes('a', -100); // true

indexOf()

可返回数组中某个指定的元素位置。如果在数组中没找到指定元素则返回 -1。

var num = [1,2,3,4,'Apple'];
var a = num.indexOf("Apple");  //4

lastIndexOf()

可返回一个指定的元素在数组中最后出现的位置,在一个数组中的指定位置从后向前搜索。如果要检索的元素没有出现,则该方法返回 -1。

var num = [1,2,3,4,'Apple'];
var a = num.lastIndexOf("Apple");  //4

isArray()

用于判断一个对象是否为数组。如果对象是数组返回 true,否则返回 false。

var item = [];
Array.isArray(item);  //true

join()

用于把数组中的所有元素转换一个字符串。元素是通过指定的分隔符进行分隔的。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var energy = fruits.join();  //Banana,Orange,Apple,Mango
var energy = fruits.join("|");  //Banana|Orange|Apple|Mango

map()

返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

  map() 方法按照原始数组元素顺序依次处理元素。

  注意: map() 不会对空数组进行检测。

  注意: map() 不会改变原始数组。

var ary= [4,9,16,25];
var result = ary.map(Math.sqrt); //result ==> 2,3,4,5

pop()

用于删除数组的最后一个元素并返回删除的元素。

var ary = [2,4,5,6];
var del = ary.pop(); //del ==> 6
// ary ==> 2,4,5

push()

可向数组的末尾添加一个或多个元素,并返回新的长度。

var ary = ['aa','bb','cc'];
var result = ary.push('ss');  //result ==> 4
//ary ==> ['aa','bb','cc','ss']

shift()

用于删除并返回数组的第一个元素。

var ary = [2,4,5,6];
var del = ary.shift(); //del ==> 2 
// ary ==> 4,5,6

unshift()

可向数组的开头添加一个或更多元素,并返回新的长度。

var ary = ['aa','bb','cc'];
var result = ary.unshift('ss');  //result ==> 4
//ary ==> ['ss','aa','bb','cc']

reduce()

DELPHI控件属性、方法、事件及常用函数 word文档 doc格式
DELPHI控件属性、方法、事件及常用函数 word文档 doc格式

DELPHI控件属性、方法、事件及常用函数 一. TmainMemu控件 该控件是一个标准的菜单控件,运用它为窗口提供菜单。该对象的层次结构为:TObject—TPersistent--TCompoment—TMenu。 属性 1-AutoMetge:Boolean 功能:用于确定非MID程序中非主Form上的菜单要不要和主Form的菜单合并。主Form菜单AutoMerge的特性总是False。此外,还要设置菜单项的GroupIndex属性。 2-BiDiMode

下载

接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。

这个函数必须接收两个参数,reduce()把结果继续和序列的下一个元素做累积计算。

注意: reduce() 对于空数组是不会执行回调函数的。

var arr = [1, 3, 5, 7, 9];
arr.reduce(function (x, y) {    return x + y;
}); // 25

reduceRight() 方法的功能和 reduce() 功能是一样的,不同的是 reduceRight() 从数组的末尾向前将数组中的数组项做累加。

reverse()

用于颠倒数组中元素的顺序。

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

slice()

可从已有的数组中返回选定的元素。

slice()方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。

注意: slice() 方法不会改变原始数组。

返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

array.slice(start, end)
//start 可选。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。
//end 可选。规定从何处结束选取。
//该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。
//如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1,3);   // ["Orange", "Lemon"]

some()

用于检测数组中的元素是否满足指定条件(函数提供)。

some() 方法会依次执行数组的每个元素:

  • 如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。

  • 如果没有满足条件的元素,则返回false。

var arr = [1, 3, 5, 7, 9];
arr.some(function (item) {    
    return item>4;
}); // true

sort()

用于对数组的元素进行排序。返回新的数组

排序顺序可以是字母或数字,并按升序或降序。默认排序顺序为按字母升序。

注意:当数字是按字母顺序排列时"40"将排在"5"前面。

使用数字排序,你必须通过一个函数作为参数来调用。

函数指定数字是按照升序还是降序排列。

注意: 这种方法会改变原始数组!。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();   // Apple,Banana,Mango,Orange

//升序
var points = [40,100,1,5,25,10];
points.sort(function(a,b){return a-b});  //1,5,10,25,40,100

//降序
var points = [40,100,1,5,25,10];
points.sort(function(a,b){return b-a});  // 100,40,25,10,5,1

splice()

用于插入、删除或替换数组的元素。

注意:这种方法会改变原始数组!

array.splice(index,howmany,item1,.....,itemX)
//index 必需。规定从何处添加/删除元素。该参数是开始插入和(或)删除的数组元素的下标,必须是数字。
//howmany      必需。规定应该删除多少元素。必须是数字,但可以是 "0"。如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。
//item1, ..., itemX  可选。要添加到数组的新元素

//如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。
//移除数组的第三个元素,并在数组第三个位置添加新元素:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,1,"Lemon","Kiwi"); //["Banana", "Orange", "Lemon","Kiwi","Mango"]

//从第三个位置开始删除数组后的两个元素:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,2);  //["Banana", "Orange"]

toString()

可把数组转换为字符串,并返回结果。

注意: 数组中的元素之间用逗号分隔。

array.toString()

valueOf()

返回 Array 对象的原始值。

该原始值由 Array 对象派生的所有对象继承。

valueOf() 方法通常由 JavaScript 在后台自动调用,并不显式地出现在代码中。

注意: valueOf() 方法不会改变原数组。

//valueOf() 是数组对象的默认方法。
// fruits.valueOf()与 fruits返回值一样。
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var v=fruits.valueOf();

总结:以上就是本篇文的全部内容,希望能对大家的学习有所帮助。更多相关教程请访问JavaScript视频教程

相关推荐:

JavaScript图文教程

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不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
sort排序函数用法
sort排序函数用法

sort排序函数的用法:1、对列表进行排序,默认情况下,sort函数按升序排序,因此最终输出的结果是按从小到大的顺序排列的;2、对元组进行排序,默认情况下,sort函数按元素的大小进行排序,因此最终输出的结果是按从小到大的顺序排列的;3、对字典进行排序,由于字典是无序的,因此排序后的结果仍然是原来的字典,使用一个lambda表达式作为key参数的值,用于指定排序的依据。

391

2023.09.04

php中foreach用法
php中foreach用法

本专题整合了php中foreach用法的相关介绍,阅读专题下面的文章了解更多详细教程。

74

2025.12.04

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

298

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

212

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1500

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

623

2023.11.24

java读取文件转成字符串的方法
java读取文件转成字符串的方法

Java8引入了新的文件I/O API,使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java,可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中,你需要将文件路径替换为你的实际文件路径,并且可能需要处理可能的IOException异常。想了解更多java的相关内容,可以阅读本专题下面的文章。

613

2024.03.22

php中定义字符串的方式
php中定义字符串的方式

php中定义字符串的方式:单引号;双引号;heredoc语法等等。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

588

2024.04.29

Python 自然语言处理(NLP)基础与实战
Python 自然语言处理(NLP)基础与实战

本专题系统讲解 Python 在自然语言处理(NLP)领域的基础方法与实战应用,涵盖文本预处理(分词、去停用词)、词性标注、命名实体识别、关键词提取、情感分析,以及常用 NLP 库(NLTK、spaCy)的核心用法。通过真实文本案例,帮助学习者掌握 使用 Python 进行文本分析与语言数据处理的完整流程,适用于内容分析、舆情监测与智能文本应用场景。

10

2026.01.27

热门下载

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

精品课程

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

共58课时 | 4.2万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.5万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

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

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