Array对象(数组)

数组最常用属性:length 获取数组的元素个数

方法:

toString() 将数组转换为字符串

var arr = ["武汉市","成都市","长沙市"];
var before = String(arr);//将数组转换为字符串
console.log(before);//输出 武汉市,成都市,长沙市

concat() 拼接数组,并返回拼接后的数组

var arr1 =[1,2,3,4];
var arr2 = [888,999];
arr1 = arr1.concat(56,78,arr2);
console.log(arr1);//1,2,3,4,56,78,888,999

join() 将数组打散成字符串 通过制定符号分隔 通常使用""

var arr = ["你们","是","我的","最好的","朋友"];
arr = arr.join("");//无缝拼接
console.log(arr);//输出 你们是我的最好的朋友

slice() 选取数组元素

// 选取:slice 获取数组中某一个或一段元素 语法:数组.slice(起始下标,结束下标+1)
var idcard = [4,2,0,4,3,4,1,8,9,4,1,2,2,6,2,0,2,0];
var print = idcard.slice(10,14);//获取生日
console.log(print);

splice() 删除数组元素,添加数组元素,替换数组元素

// 数组的删除、插入、替换
// 1.删除:数组.splice(开始下标,删除个数)
var arr= [1,2,3,4];
var arrdelete = arr.splice(0,1);//从0开始删除一个
console.log(arr);//结果为:[2,3,4]
// 2.插入:数组.splice(开始下标,0,插入元素)
var arr = [11,22,33,44,55];
var arrinsert = arr.splice(0,0,00);//在0的位置上插入0 00会自动解析为0
console.log(arr);//结果为:[0,11,22,33,44,55]
// 3.替换:替换分两步-->先删除,后插入
// 数组.splice(开始下标,删除个数,替换元素)
var arr = [78,88,98,3,4,5,6];
var arrreplace = arr.splice(0,3,0,1,2,10,14);//从0开始删除3位,并在0处开始插入0,1,2
console.log(arr);//结果为:[0,1,2,3,4,5,6]

shift() 删除并返回数组的第一个元素

unshift() 在数组开头添加元素

var arr= [0,1,2];
arr.shift();//删除数组开头元素
console.log(arr);//输出 [1,2]
arr.unshift(0);//向数组开头添加元素 可添加多个
console.log(arr);//输出 [0,1,2]

pop()删除并返回数组最后一个元素

push()在数组末尾添加元素

var bus = [];
for( var i =1;i<=5;i++){
bus.push("乘客"+i);
}
console.log(String(bus));
while(bus.length>0){
var last= bus.pop();
console.log(last+"下车");
console.log(String(bus));
}

sort() 对数组元素进行排序

var arr = [1,5,3,6,4,2,20,14];
//sort()默认使用字符串升序排序,如果需要有自己的排序规则,则需要自定义比较器
arr.sort();
console.log(String(arr));
// 自定义比较器函数
// 比较器函数:专门比较任意两个值大小的函数
// 1.定义一个比较函数 两个参数a,b 如果a>b就返回true(降序),否则返回false(升序)
function cmp(a,b){
return b-a;
}
arr.sort(cmp);
console.log(String(arr));

reverse() 逆转数组中的元素

// 2.reverse()负责颠倒数组元素
var arr = ['a','b','c',100];
arr.reverse();
console.log(String(arr));//输出 [100,'c','b','a']

JavaScript--常用对象的属性及方法(2)的更多相关文章

  1. Javascript常用对象的属性和方法

    javascript为我们提供了一些非常有用的常用内部对象和方法.用户不需要用脚本来实现这些功能.这正是基于对象编程的真正目的. 在javascript提供了string(字符串).math(数值计算 ...

  2. JavaScript访问对象的属性和方法

    对象的属性和方法统称为对象的成员. 访问对象的属性 在JavaScript中,可以使用“ . ”和“ [ ] ”来访问对象的属性. 二者区别:“ . ”表示法一般作为静态对象使用时来存取属性.而“[ ...

  3. javascript string对象的属性与方法

    一 创建string对象 new string('string'); 更直接的定义方法是var str = 'string'; 二 string属性 1.constructor 2.lenght 字符 ...

  4. JavaScript常用对象的方法和属性

    ---恢复内容开始--- 本文将简单介绍JavaScript中一些常用对象的属性和方法,以及几个有用的系统函数. 一.串方法 JavaScript有强大的串处理功能,有了这些串方法,才能编写出丰富多彩 ...

  5. javascript面向对象(给对象添加属性和方法的方式)

    1.在定义对象时,直接把属性和方法添加 <script type="text/JavaScript"> //给对象直接在定义时添加属性和方法         var g ...

  6. JavaScript -- 时光流逝(四):js中的 Math 对象的属性和方法

    JavaScript -- 知识点回顾篇(四):js中的 Math 对象的属性和方法 1. Math 对象的属性 (1) E :返回算术常量 e,即自然对数的底数(约等于2.718). (2) LN2 ...

  7. JavaScript中的window对象的属性和方法;JavaScript中如何选取文档元素

    一.window对象的属性和方法 ①setTimeout()方法用来实现一个函数在指定毫秒之后运行,该方法返回一个值,这个值可以传递给clearTimeout()用于取消这个函数的执行. ②setIn ...

  8. JS对象 JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。

    什么是对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方法: ...

  9. JavaScript 节点操作Dom属性和方法(转)

    JavaScript 节点操作Dom属性和方法   一些常用的dom属性和方法,列出来作为手册用. 属性:   1.Attributes 存储节点的属性列表(只读)   2.childNodes 存储 ...

  10. HTML DOM对象的属性和方法

    HTML DOM对象的属性和方法 HTML DOM 对象有几种类型: 1.Document 类型 在浏览器中,Document 对象表示整个 HTML 文档. 1.1属性 引用文档的子节点 docum ...

随机推荐

  1. angular 中*ngIf 和*ngSwitch判断语句

    <div style="text-align:center"> <h1> Welcome to {{ title }}! </h1> <p ...

  2. python定义接口继承类

    zxq547 python定义接口继承类invalid syntax解决办法 1 2 3 4 5 6 7 class s_all(metaclass=abc.ABCMeta):     #python ...

  3. 123457123456#0#-----com.twoapp.YiZhiFanPai08--前拼后广--儿童益智记忆翻牌jiemei

    com.twoapp.YiZhiFanPai08--前拼后广--儿童益智记忆翻牌jiemei

  4. 使用弹窗批量修改数据POPUP_GET_VALUES

    转自:https://blog.csdn.net/huanglin6/article/details/81231215 业务场景:在SAP内,有时候需要用户批量维护某些数据,这时候可以使用标准函数PO ...

  5. 使用说明(2S)

    [Build Status] 功能 系统代理设置 PAC 模式和全局模式 [GFWList] 和用户规则 支持 HTTP 代理 支持多服务器切换 支持 UDP 代理 支持插件 下载 下载 [最新版]. ...

  6. 【C/C++开发】运算符重载二

    C++中预定义的运算符的操作对象只能是基本数据类型.但实际上,对于许多用户自定义类型(例如类),也需要类似的运算操作.这时就必须在C++中重新定义这些运算符,赋予已有运算符新的功能,使它能够用于特定类 ...

  7. spring 中常用的两种事务配置方式

    引用:http://blog.csdn.net/qh_java/article/details/51811533 引用:http://www.cnblogs.com/rushoooooo/archiv ...

  8. 为什么Java中只有值传递

    原文链接:https://www.cnblogs.com/wchxj/p/8729503.html 在开始深入讲解之前,有必要纠正一下大家以前的那些错误看法了.如果你有以下想法,那么你有必要好好阅读本 ...

  9. 20175316 盛茂淞 2018-2019-2 《Java程序设计》实验五 《网络安全与编程》 实验报告

    20175316 盛茂淞 2018-2019-2 <Java程序设计>实验五 <网络安全与编程> 实验报告 一.实验报告封面 课程:Java程序设计 班级:1753班 姓名:盛 ...

  10. IO-file-05 文件夹的创建

    package com.bwie.io; import java.io.File; /** * 创建目录 * 1.mkdir:确保上级目录存在,不存在创建失败 * 2.mkdirs:上级目录可以不存在 ...