数组常用API:

1. push

作用:数组尾部添加;

特点:可以添加一个或多个值; 返回值是数组最新的长度;会改变原数组;

示例:

var arr = [10,20,30,40];
                var result = arr.push(100);    // 也可以是arr.push(50,60,70...)
                console.log(arr);   //结果为添加100后的数组 [10,20,30,40,100]
                console.log(result); //值为5

2.unshift

作用:数组头部添加;

特点:可以添加一个或多个值; 返回值是数组最新的长度;会改变原数组;

示例:

          var arr = [7,8,9,10];
                var result = arr.unshift(1);    // 也可以是arr.unshift(1,2,3,4...)
                console.log(arr);   //结果为添加1后的数组 [1,7,8,9,10]
                console.log(result); //值为5

3.pop

作用:数组尾部删除;

特点: 返回值是数组最新的长度;会改变原数组;

示例:

          var arr = [7,8,9,10];
                var result = arr.pop();   
                console.log(arr);   //结果为删除10后的数组 [7,8,9]
                console.log(result); //值为3

4.shift

作用:数组头部删除;

特点: 返回值是数组最新的长度;会改变原数组;

示例:

          var arr = [7,8,9,10];
                 var result = arr.shift();   
                 console.log(arr);   //结果为删除7后的数组 [8,9,10]
                 console.log(result); //值为3

5. reverse

作用:反转数组;

特点: 返回值是反转后的数组;会改变原数组;

示例:

          var arr = [7,8,9,10];
                 var  newarr = arr.reverse();   
                 console.log(arr);   //结果为 [10,9,8,7]
                 console.log(newarr); //结果为 [10,9,8,7]

6. sort

作用:数组排序,字母表排序;

特点: 返回值是重新排序后的数组;会改变原数组;

示例:

          var arr = [7,80,9,10,66];

var arr1=['b','c','a','e']
                   var  newarr = arr.sort();  //括号里不传递参数时是按照字符编码的顺序排序 ,结果为[10,66,7,80,9]

var  newarr1 = arr.sort( function(a,b){

return a-b

});
                  console.log(arr);   //结果为 重新排序后的数组

console.log(arr1.sort());   //结果为 ['a','b','c','e']
                  console.log(newarr1); //当a-b>0,结果为 [7,9,10,66,80];当a-b<0,结果为 [80,66,10,9,7];

7. concat

作用:数组拼接;

特点: 返回值是拼接后新的数组;不会改变原数组;

示例:

var arr = [1,2,3];

          var arr1= [7,8,9];

var  newarr = arr.concat(arr1);   
                  console.log(newarr); //结果为 [1,2,3,7,8,9]

8. join

作用: 将数组转换为字符串;

特点: 返回值是字符串;不会改变原数组;

示例:

var arr = [1,2,3];

          var str = arr.join();

console.log(str); //结果为 1,2,3

join方法如果传递了参数,那么在转换字符串的时候,字符串会以这个参数为分隔符,不传参数默认以逗号分隔;

9. toString

作用: 将数组转换为字符串;(它能将任何数据转换成字符串,不仅仅适用于数组)

特点: 返回值是字符串;不会改变原数组;

示例:

var arr = [1,2,3];

         var str = arr.toString();

console.log(str); //结果为 1,2,3

10. slice()

作用:数组的截取;

特点:(1)当括号里是1个参数时,代表截取开始的位置,包括该下标值,直到数组尾部;

(2) 当括号里是2个参数时,第一个参数代表截取开始的位置,第二个参数代表截取结束的地方,截取时包括第1个下标的值,不包括第2个下标的值;

(3) 传递的参数可为负数,从右往左数(以-1开始),不熟练建议传正数,避免失误;

返回值是截取后的数组;不会改变原数组;

示例:

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

         var str1 = arr.slice(2);

var str2 = arr.slice(1,3);

var str3=arr.slice(-2);

var str4=arr.slice(-5,2);

var str5 =arr.slice(1,-2)

console.log(str1); //结果为 [3,4,5]

console.log(str2); //结果为 [2,3]

console.log(str3); //结果为 [4,5],取从右往左数第2个值,直到数组尾部

console.log(str4); //结果为[1,2];

console.log(str5); //结果为[2,3];

11. splice()

作用:实现数组的删除,插入,替换功能;

特点:(1) 1个参数,从该参数指定的位置开始删除,直到数组的末尾。

(2)  2个参数,第一个参数表示删除的起始位置,第二个参数删除的个数

(3)  2个以上,第一个参数表示删除的起始位置,第二个参数删除的个数,第三个元素以及之后元素表示插入的值

返回值:删除的元素;会改变原数组;

示例:

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

         var str1 = arr.splice(2);

var str2 = arr.splice(1,3);

var str3= arr.splice(1,3,6,7,8);

console.log(str1); //结果为 [3,4,5] ;改变后的arr为[1,2]

console.log(str2); //结果为 [2,3,4];改变后的arr为[1,5]

console.log(str2); //结果为 [2,3,4]改变后的arr为[1,6,7,8,5]

---恢复内容结束---

数组常用API(1)的更多相关文章

  1. JavaScript之数组常用API

    这篇文章主要帮助大家简单理解数组的一些常用API用法,许多小伙伴常用方法记不住?别急,看完下面的介绍您一定就会明白各个方法是如何用的了.该文章适合新手小白看,大佬可以多多指点️! 1.数组的创建以及A ...

  2. Java数组常用API

    java.util.Arrays Arrays.asList() 数组转换成列表 String[] strArray = {"zhang", "xue", &q ...

  3. 数组常用API

    内容待添加... //根据分数排名字 //方法1 var students = ['小明','小红','小花'] var scores = {小明:,小红:,小花:} //1 添加分数到student ...

  4. js数组常用api

    数组创建 第一种,使用 Array 构造函数: var arr1 = new Array(); //创建一个空数组 var arr2 = new Array(10); // 创建一个包含10项的数组 ...

  5. java基础3.0:Java常用API

    本篇介绍Java基础中常用API使用,当然只是简单介绍,围绕重要知识点引入,巩固开发知识,深入了解每个API的使用,查看JavaAPI文档是必不可少的. 一.java.lang包下的API Java常 ...

  6. node.js整理 02文件操作-常用API

    NodeJS不仅能做网络编程,而且能够操作文件. 拷贝 小文件拷贝 var fs = require('fs'); function copy(src, dst) { fs.writeFileSync ...

  7. JavaScript数组常用操作

    前言 相信大家都用惯了jquery或者underscore等这些类库中常用的数组相关的操作,如$.isArray,_.some,_.find等等方法.这里无非是对原生js的数组操作多了一些包装. 这里 ...

  8. Express ( MiddleWare/中间件 路由 在 Express 中使用模板引擎 常用API

    A fast, un-opinionated, minimalist web framework for Node.js applications. In general, prefer simply ...

  9. JQuery常用API 核心 效果 JQueryHTML 遍历 Event事件

    JQuery 常用API 参考资料:JQuery 官网   jQuery API 中文文档 核心 jQuery 对象 jQuery() 返回匹配的元素集合,无论是通过在DOM的基础上传递的参数还是创建 ...

随机推荐

  1. Java for LeetCode 121 Best Time to Buy and Sell Stock

    Say you have an array for which the ith element is the price of a given stock on day i. If you were ...

  2. 微信小程序开发:学习笔记[3]——WXSS样式

    微信小程序开发:学习笔记[3]——WXSS样式 快速开始 介绍 WXSS(WeiXin Style Sheets)是一套用于小程序的样式语言,用于描述WXML的组件样式,也就是视觉上的效果. WXSS ...

  3. NiFi汉化

    ①在源文件中的 source-nifi/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src中修 ...

  4. POJ - 1321 棋盘问题 【DFS】

    题目链接 http://poj.org/problem?id=1321 思路 和N皇后问题类似 但是有一点不同的是 这个是只需要摆放K个棋子就可以了 所以 我们要做好 两个出口 并且要持续往下一层找 ...

  5. git创建项目的两种方式

    场景1: 将本地内容推送给远程库 1.创建版本库 git init 将此目录转换为git可管理的仓库 git config --global user.name "xx" 或 gi ...

  6. 纯CSS3实现淡入淡出下拉菜单

    纯CSS3实现淡入淡出下拉菜单是一款比较简单清新的CSS3教程下拉菜单,这款下拉菜单是垂直方向的,点击主菜单项可以展开和折叠子菜单,在展开折叠的过程中伴随着淡入淡出的动画效果 源代码:http://w ...

  7. javascript(9)

    var a=[890,10]; window.alert(a.valueOf()); window.alert(a); //个人觉得,输出a.valueOf()和a没有什么区别 //使用valueOf ...

  8. 分享知识-快乐自己:全面解析 java注解实战指南

    请你在看这篇文章时,不要感到枯燥,从头到尾一行行看,代码一行行读,你一定会有所收获的. 问: 为什么学习注解? 学习注解有什么好处? 学完能做什么? 答: 1):能够读懂别人的代码,特别是框架相关的代 ...

  9. Android Studio 字体大小和背景色的设置

    豆绿色的RGB值:#C7EDCC 1.打开Android Studio——>Ctrl+Alt+s 或者 File——>Settings 2.在弹窗中选中“Colors&Fonts” ...

  10. js_调试_01_14 个你可能不知道的 JavaScript 调试技巧

    更快更高效地调试你的 JavaScript 了解你的工具在完成任务时有很重要的意义. 尽管 JavaScript 是出了名的难以调试,但是如果你掌握了一些小技巧,错误和 bug 解决起来就会快多了. ...