数组常用API(1)
数组常用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)的更多相关文章
- JavaScript之数组常用API
这篇文章主要帮助大家简单理解数组的一些常用API用法,许多小伙伴常用方法记不住?别急,看完下面的介绍您一定就会明白各个方法是如何用的了.该文章适合新手小白看,大佬可以多多指点️! 1.数组的创建以及A ...
- Java数组常用API
java.util.Arrays Arrays.asList() 数组转换成列表 String[] strArray = {"zhang", "xue", &q ...
- 数组常用API
内容待添加... //根据分数排名字 //方法1 var students = ['小明','小红','小花'] var scores = {小明:,小红:,小花:} //1 添加分数到student ...
- js数组常用api
数组创建 第一种,使用 Array 构造函数: var arr1 = new Array(); //创建一个空数组 var arr2 = new Array(10); // 创建一个包含10项的数组 ...
- java基础3.0:Java常用API
本篇介绍Java基础中常用API使用,当然只是简单介绍,围绕重要知识点引入,巩固开发知识,深入了解每个API的使用,查看JavaAPI文档是必不可少的. 一.java.lang包下的API Java常 ...
- node.js整理 02文件操作-常用API
NodeJS不仅能做网络编程,而且能够操作文件. 拷贝 小文件拷贝 var fs = require('fs'); function copy(src, dst) { fs.writeFileSync ...
- JavaScript数组常用操作
前言 相信大家都用惯了jquery或者underscore等这些类库中常用的数组相关的操作,如$.isArray,_.some,_.find等等方法.这里无非是对原生js的数组操作多了一些包装. 这里 ...
- Express ( MiddleWare/中间件 路由 在 Express 中使用模板引擎 常用API
A fast, un-opinionated, minimalist web framework for Node.js applications. In general, prefer simply ...
- JQuery常用API 核心 效果 JQueryHTML 遍历 Event事件
JQuery 常用API 参考资料:JQuery 官网 jQuery API 中文文档 核心 jQuery 对象 jQuery() 返回匹配的元素集合,无论是通过在DOM的基础上传递的参数还是创建 ...
随机推荐
- JETSON TK1 ~ 控制GPIO
首先建立个存放gpio代码的文件夹,CD到该文件夹. git clone git://github.com/derekmolloy/boneDeviceTree/ 解压后会出现几个文件 GPIO文件夹 ...
- sourceSet
android { sourceSets { main{ manifest.srcFile 'AndroidManifest.xml' java.srcDirs = ['src'] resources ...
- Wannafly挑战赛12 A 银行存款 【DP】【DFS】
链接:https://www.nowcoder.com/acm/contest/79/A 来源:牛客网 时间限制:C/C++ 1秒,其他语言2秒 空间限制:C/C++ 32768K,其他语言65536 ...
- 玩转Google开源C++单元测试框架Google Test系列(gtest)(总)
原文地址:http://www.cnblogs.com/coderzh/archive/2009/04/06/1426755.html 前段时间学习和了解了下Google的开源C++单元测试框架Goo ...
- Codeforces Round #461 (Div. 2) B C D
题目链接:http://codeforces.com/contest/922 B. Magic Forest time limit per test 1 second memory limit per ...
- python_opencv库的学习
一.以灰度图的形式加载彩色图像. https://docs.opencv.org/3.0-beta/doc/py_tutorials/py_gui/py_image_display/py_image_ ...
- BZOJ 3624 [Apio2008]免费道路:并查集 + 生成树 + 贪心【恰有k条特殊路径】
题目链接:http://www.lydsy.com/JudgeOnline/problem.php?id=3624 题意: 给你一个无向图,n个点,m条边. 有两种边,种类分别用0和1表示. 让你求一 ...
- 'QObject& QObject::operator=(const QObject&)' is private——无法将自定义的QObject子类放入Qt容器(container)中
先贴出问题的代码: #include<QCoreApplication> classMyObject:publicQObject { public: MyObject(QObject*pa ...
- zero to one (3)
工具使用 AWVS Acunetix Web Vulnerability Scanner(简称AWVS)是一款知名的Web网络漏洞扫描工具,它通过网络爬虫测试你的网站安全,检测流行安全漏洞. 功能及特 ...
- JavaScript:非输入框禁用退格键
在js文件或<javascript>标签中加入如下代码: /** *非输入框禁用退格键 */ function banBackspace(e) { var ev = e || window ...