Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >【JavaScript】Array数组对象下的方法

【JavaScript】Array数组对象下的方法

作者头像
游魂
发布于 2018-06-08 08:57:00
发布于 2018-06-08 08:57:00
2.1K00
代码可运行
举报
文章被收录于专栏:前端开发前端开发
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!--Array数组对象下的方法-->
    <script>
        // .isArray(变量);返回的是布尔类型,如果是true则是数组,否则就不是数组

//        var arr=[10,20,30,40,50];
//        var result=arr.isArray(arr);
//        console.log(result);

        //.isArray(变量);判断是不是数组 用 变量 instanceof Array

//        var arr=[10,20,30,40,50];
//        var result=arr instanceof Array;
//        console.log(result);

        //.concat([],[],[],...) 产生一个新的数组,原来的数组中的数据是不会改变的

//        var arr=[10,20,30];
//        var arr1=[1,2,3,4];
//        var result=arr.concat(arr1,[40],[50],[60]);
//        console.log(result);

        // 必须记住的四个 记住 记住 记住 记住!!!
        // .push(数据);向数组中追加一个数组,如果接收这个方法了,结果是追加数据后的数组的长度

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


        // .shift();删除数组中的第一个数据,返回值是删除后的那个数据值

//        var arr=[10,20,30,40,50];
////        arr.shift();
////        console.log(arr);
//        var result=arr.shift();
//        console.log(result);


        // .pop();删除数组中的最后一个数据,返回值是删除后的那个数据值

//        var arr=[10,20,30,40,50];
////        arr.pop();
////        console.log(arr);
//        var result=arr.pop();
//        console.log(result);

        // .unshift();向数组中第一个元素前面插入一个数据,返回值是插入数据后数组的新的长度

//        var arr=[10,20,30,40,50];
////        arr.unshift(5);
////        console.log(arr);
//        var result=arr.unshift(5);
//        console.log(result);

        // .reverse();反转数据数据

//        var arr=[10,20,30,40,50];
//        var result=arr.reverse();
//        console.log(result);

        // .sort();排序,但是不稳定

//        var arr=[1,5,2,6,4,8,9,0,7,30,50];
//        arr.sort();
//        console.log(arr);

        // .slice(开始索引,结束索引);截取原数组中的数据,然后组成一个新的数组

//        var arr=[1,2,3,4,5,6,7,8,9];
//        var result=arr.slice(0,5);   // 0到5之间
//        console.log(result);


        // .splice(开始的位置,删除的个数);返回值是删除后的数据组成的新数组,原来的数据的数据改变了

//        var arr=[1,2,3,4,5,6];
//        var result=arr.splice(0,3);
//        console.log(result);
//        console.log(arr);

        //.splice(开始的位置,删除的个数,参数1,参数2...);是把数组中删除的位置用新的参数替换了

//        var arr=[1,2,3,4,5,6];
//        var result=arr.splice(0,3,7,8,9);
//        console.log(result);
//        console.log(arr);


        // .indexof(要查找的数据);找到了就是索引,找不到就是-1

//        var arr=[1,2,3,4,5,6,7,8,9];
//        var result=arr.indexOf(10);
//        console.log(result);

        // .join("字符串");返回值还是字符串,是把数组元素中间加上一个字符串,最终产生一个新的字符串

//        var arr=["小明","小李","小王","小张"];
//        var result=arr.join("|");
//        console.log(result);


        // 当一个函数用作参数的时候,这个函数就叫回调函数
        // .filter(回调函数);返回的是符合条件的筛选后的数据,组成的新数组  3个参数--数组元素、索引、该数组

//        var arr=[10,20,30,40,50,60];
//        var result=arr.filter(function(x,y,z){
//            return x>30;
//        });
//        console.log(result);

        // forEach方法,遍历数组元素的   3个参数--数组元素、索引、该数组

//        var arr=[10,20,30,40,50];
//        arr.forEach(function(x,y,z){
//            console.log(x+"===="+y);
//        });

        // every方法,每个元素都要满足条件才为true

//        var arr=[100,200,300,400,500];
//        var result=arr.every(function(x,y,z){
//           return  x>99;
//        });
//        console.log(result);

        // map方法,设置数组中的元素都执行一次函数,把新的数组存储在一个新的数组中

//        var arr=[10,20,30,40,50];
//        var result=arr.map(function(x,y,z){
//            return x*2;
//        });
//        console.log(result);

        // some方法,只有有一个元素满足条件就是tru//

//        var arr=[10,20,30,40,50];
//        var result=arr.some(function(x,y,z){
//           return x>40;
//        });
//        console.log(result);
    </script>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-8-14 1,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
js数组方法,常用数组Api的基本使用
1 concat() 连接数组, 返回值是一个添加后的数据, 原数组没改变 场景1 直接添加数据 var arr = [10,20,30,40] var arr2 = arr.concat(40,50) console.log(arr) // [10,20,30,40] console.log(arr2) // [10,20,30,40,40,50] 场景2 添加数组 var arr = [10,20,30,40] var arr2 =arr.co
yooooo
2020/08/13
2.1K0
js数组方法,常用数组Api的基本使用
[JavaScript] 数组与对象详解
对象是键值对的集合,每个键值对称为对象的一个 属性。键是字符串或符号,值可以是任意类型。
DevKevin
2025/01/23
540
重新撸一遍javascript (二)
key必须是字符串,如果不是js会自动转为字符串,比如对象作为key会转化成 字符串[object Object]
lilugirl
2020/04/24
3450
重新撸一遍javascript (二)
JavaScript之数组
Array在JavaScript里面很常用,讲真的,平时开发除了循环数组和push数组之外,对于数组的其他方法和属性几乎都是用到的时候百度。今天自己整理一些数组的概念和方法,希望自己能记住,也为了以后使用的时候有地方直接查看。当然,太基础的东西就不说了。
wade
2020/04/23
4160
JavaScript数组的常用方法
JavaScript数组是一种常见的数据类型,它由多个元素组成。以下是一些常用的JavaScript数组方法:
心安事随
2024/07/29
1080
Array 数组常用方法
Array.join()方法将数组中所有元素都转化为字符串并连接在一起,返回最后生成的字符串。可以自己指定分隔的符号,如果不指定,默认使用逗号
书童小二
2018/09/03
5890
前端学习(40)~js学习(十七):数组的常见方法&数组的遍历
unshift():在数组最前面插入一个或多个元素,返回结果为该数组新的长度。插入元素后,其他元素的索引会依次调整。
Vincent-yuan
2020/03/19
1.9K0
JavaScript 数组常用方法介绍
当要使用迭代方法时,forEach 应该是最后被考虑的。主要原因是:forEach 与其他迭代方法比,语义性是最差的。更详细的说明见 avoid forEach。
前端GoGoGo
2018/08/24
6080
盘点JavaScript哪些常用的数组对象
上一篇中我们盘点了 js 哪些最常用的内置对象,对Math、random以及Date对象进行了详细的讲解,这三个对象在往后的工作中也是发挥着举足轻重的位置,都是非常常用的对象,可以自己在编辑器中多加练习
玖柒的小窝
2021/12/08
2K0
盘点JavaScript哪些常用的数组对象
JavaScript权威指南 - 数组
JavaScript数组是一种特殊类型的对象。 JavaScript数组元素可以为任意类型,最大容纳232-1个元素。 JavaScript数组是动态的,有新元素添加时,自动更新length属性。 JavaScript数组元素索引可以是不连续的,它们之间可以有空缺。
Esofar
2018/09/05
4.2K0
JavaScript中数组Array方法详解[通俗易懂]
ECMAScript 3在Array.prototype中定义了一些很有用的操作数组的函数,这意味着这些函数作为任何数组的方法都是可用的。
全栈程序员站长
2022/09/07
1.6K0
第203天:js---Array对象常用方法
1、shift:删除原数组的第一项,返回删除元素的值;如果数组为空则返回undefined 1 //shift:删除原数组的第一项,返回删除元素的值;如果数组为空则返回undefined 2 var arr = [1, 2, 3, 4, 5]; 3 var out = arr.shift(); 4 console.log(arr); //[2,3,4,5] 5 console.log(out); //1 6 var arr = []; 7 var out =
半指温柔乐
2018/09/11
1K0
最全的JavaScript常见的操作数组的函数方法宝典
JavaScript在其内部封装了一个Array对象,使得我们可以方便地使用数组这种简单的数据结构,同时,也在 Array对象的原型上定义了一些常用并且很有用的操作数组的函数。
前端迷
2020/11/19
7500
数组操作方法(包括es6数组的操作方法)[通俗易懂]
//(1)push() //向数组最里面推一个或多个数据 var arr=[“色”,”等”,”烟”,”雨”]; arr.push(“而”,’我’,”在”); console.log(arr);
全栈程序员站长
2022/08/23
5900
数组操作方法(包括es6数组的操作方法)[通俗易懂]
JS数组方法大全
功能:用于连接两个或多个数组,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。 参数:concat(data1,data2,...);所有参数可选,要合并的数据;data为数组时,将data合并到原数组;data为具体数据时直接添加到原数组尾部;省略时创建原数组的副本。
IT工作者
2021/12/30
4.4K0
你对JavaScript的Array对象了解有多少?
工作中,数组应用非常广泛,菜单、列表、banner图等等都会应用到数组,所以必须对数组的属性和方法非常熟练才OK,下面一起来了解一下。
Javanx
2019/09/04
5380
JavaScript数组方法详解
JavaScript中数组的方法种类众多,在ES3-ES7不同版本时期都有新方法;并且数组的方法还有原型方法和从object继承的方法,这里我们只介绍数组在每个版本中原型上的方法,本文举例介绍了从ES3到ES7几乎所有的数组方法。这大概是最全的数组方法详解了。希望读者能从中有所收获。
全栈程序员站长
2022/09/06
8220
【JavaScript】内置对象 - 数组对象 ② ( 数组添加元素 - push 方法 / unshift 方法 | 数组删除元素 - pop 方法 / shift 方法 )
Array 数组对象参考文档 : https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array
韩曙亮
2024/05/14
2030
【JavaScript】内置对象 - 数组对象 ② ( 数组添加元素 - push 方法 / unshift 方法 | 数组删除元素 - pop 方法 / shift 方法 )
JavaScript 数组纯函数
forEach 遍历所有元素,item 对应的是元素的值,index 对应的是元素的位置
Nian糕
2020/05/18
1.3K0
JavaScript 数组纯函数
JavaScript基础学习--14 json、数组
Demos:   https://github.com/jiangheyan/JavaScriptBase 一、json      1、格式与取值:{key: value} var json = {'name': 'jiang'} //最好用字符串的形式保存key,否则安全性不高 console.log(json.name); //jiang console.log(json[name]); //undefined console.log(json['name']); //
用户1148399
2018/01/09
1.2K0
相关推荐
js数组方法,常用数组Api的基本使用
更多 >
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验