1.什么是数组

数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素,数组是一种将一组数据存储在单个变量名下的优雅方式


2.创建方式

在js中数组的创建方式有2种

a.利用new 创建数组

格式: var 数组名 = new Array();

例:var arr = new Array(1, 2,3,);

注意点:Array()中A要大写且各个值用逗号隔开

b.利用字面量"[]"创建数组 【开发中较为常用的一种】

格式:var 数组名 = [ ];

例: var arr = [ 1, 2, 3, ];

注意点:数组的字面量是[],声明数组并赋值称为数组的初始化

数组元素的类型

数组中可以存放任意的数据,例如字符串,数字 ,布尔值等

例:var arr = ['小白' ,1 , true];


3.访问数组元素

数组可以通过索引来访问、设置、修改对应的数组元素,我们可以通过'数组名[索引]' 的形式来获取数组中的元素 这里的访问就是获取得到的意思。

数组的索引

索引【下标】:用来访问数组元素的序号【数组下标从0开始】;

例:var arr = ['小白','小黑','大黄'];索引号: 0      1      2
示例:
//定义数组
var  arr = [1,2,3];
//获取数组中的第2个元素
alert(arr[1]);


4.遍历数组

遍历数组:就是把数组的元素从头到尾访问一次

从访问数组元素的代码中我们可以发现,从数组中取出每一个元素时,代码是重复的,有所不一样的是索引值在递增,因此我们可以利用循环来把数组中的元素依次调取出来。

示例:
var arr = [ 'red' , 'green' , 'blue'];
// 因为我们的数组索引是从0 开始的,所以当i 必须从0开始 i<3.
for(var i = 0; i < 3; i++) {
// 输出的时候arr[i];i 计数器当索引号来用.
console.log(arr[i]);
}


5.数组的长度

数组的长度:就是数组中有几个元素

可以利用 数组名.length 来计算数组中的元素个数

数组的长度是元素的个数,而不是索引号

// 示例
var arr = ['a','b','c','d','e'];
// 不用.lenght  数组的长度就被固定死了,后面如果再新增数组元素的话就无法打印出来
for( var i = 0; i < 4; i++){
console.log(arr[i]);
}
// 用.lenght 比较灵活 能够动态监测数组中的元素长度 不会缺少打印数组的元素
for(var i = 0; i < arr.length ; i++) {
console.log(arr[i]);
}


案例:

计算数组的和以及平均值

求数组中的最大值

数组转换为字符串

6.数组新增元素

数组中新增元素的方法有2种

1.通过修改length长度新增数组元素

a.可以通过修改length长度来实现数组扩容的目的

b.length属性是可读写的

 例:var arr = ['red','green','blue'];arr.length = 7;console.log(arr);//数组长度变成了7,因为新增的元素没有给值所以是empty【空】console.log(arr[4]);//索引号4的空间没有给值,只是声明变量未给值,默认值就是undefined

2.通过修改数组索引新增数组元素【常用】

a.可以通过修改数组索引的方式追加数组元素

b.不能直接给数组名赋值,否则会覆盖以前的数据

案例:

数组存放1~10个值

筛选数组方法1

筛选数组方法2

删除数组指定元素【数组去重】

翻转数组

7.冒泡排序

冒泡排序:把一系列的数据按照一定的顺序进行排列显示【从小到大或从大到小】

例:数组[5,4,3,2,1]中的元素按照从小到大的顺序排序 ,输出 :1,2,3,4,5

冒泡排序是一种简单的排序算法,它重复的走访过要排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来,走访数列的工作是重复的进行的直到没有再需要交换,也就是说该数列已经排序完成,这个算法的名字由来是因为越小的元素会经由交换慢慢'浮'到顶端

var arr = [5,4,3,2,1];for ( var i = 0 ; i <= arr.length ;i++) {//外层循环 for(var j = 0; j <= arr.length - i - 1; j++) {//内层循环     if(arr[j] > arr[j + 1]) {var temp = arr[j];arr[j] = arr[j+1];arr[j +1] = temp;}}}
console.log(arr)

js数组按中文拼音排序_JavaScript数组相关推荐

  1. php 按汉字拼音排序,php 数组按中文拼音排序

    本篇文章给大家分享的内容是关于php数组按中文拼音排序,有着一定的参考价值,有需要的朋友可以参考一下 $str = "我们可以在浏览器中看到,当鼠标移到元素上时,元素开始向右移动,开始比较慢 ...

  2. js数组按中文拼音排序_收藏 | JS开发必须知道的41个技巧

    作者:火狼https://cloud.tencent.com/developer/article/1666138 JS是前端的核心,但有些使用技巧你还不一定知道: 本文梳理了JS的41个技巧,帮助大家 ...

  3. js数组按中文拼音排序_通俗易懂讲 Python 算法:快速排序

    原文:https://stackabuse.com/quicksort-in-python/ 作者:Marcus Sanatan 译者:老齐 欢迎在 bilibili  搜索 freeCodeCamp ...

  4. js数组按中文拼音排序_学习排序算法,结合这个方法太容易理解了

    排序是一个经典的问题,它以一定的顺序对一个数组或列表中的元素进行重新排序.而排序算法也是各有千秋,每个都有自身的优点和局限性.虽然这些算法平常根本就不用自己去编写,但作为一个有追求的程序员,还是要了解 ...

  5. js数组对象按照中文拼音排序

    今天遇到一个需求如图所示,下拉框按照中文拼音排序,而我们下拉框给的都是接口传过来的对象,所以要想排序,还是稍微需要处理一下的 话不多说,我们先看一个demo,根据这个demo,我们就能完成,我们想要的 ...

  6. java实现对数组按中文名称排序

    对数组按中文名称排序 Arrays类中的sort()方法缺失一般是按照数组中数值的大小或字母顺序进行排序的,但这种处理方式对中文无效.为此使用了类Arrays中另一种形式的sort()方法:sort( ...

  7. [小结] js sort() 排序 - 升序/降序/中文拼音排序

    常规 sort() 排序 - 升序 / 降序 var array = [1,2,6,5,4,3]; var resultArray = array.sort(function(param1, para ...

  8. ElasticSearch 2.4.X实现中文拼音排序

    前言 最近接到一个需求,要求实现搜索框的搜索结果可以按照中文排序,本人灵机一动,那不很简单吗,直接按照es自带的sort功能处理下不就行了吗?两分钟的代码量,半天的喝茶时间,白赚半天的故事点,嘿嘿. ...

  9. php 按汉字拼音排序,PHP数组排序关于按中文拼音排序的问题

    这天做个页面,需要将图片表里面图片的标签拉出来拆分好后去重按自然排序.结果很囧,应该排序的结果是0-9-A-z-阿-中,但是中文部分就是很乱.再找问题,结果发现自然排序是按照字符编码的顺序来排列.由于 ...

最新文章

  1. 世界五百强世硕科技工作经历——05
  2. tensorflow 实现逻辑回归——原以为TensorFlow不擅长做线性回归或者逻辑回归,原来是这么简单哇!...
  3. 196℃到80℃ 安徽首例“康博刀”手术杀灭肿瘤
  4. ubuntu安装python3.6_如何在Ubuntu19.04上安装Python3.6?
  5. 2020中国男士美妆市场洞察报告
  6. java steam 去重_Java中对List去重 Stream去重的解决方法
  7. maven常用的中央仓库
  8. 【千律】OpenCV基础:图像边缘检测 -- Roberts 算子
  9. 【Windows】Win10强制删除文件夹
  10. python pillow库画图_Pillow画图
  11. 从跳频技术聊CDMA/WIFI之母海蒂·拉玛传奇的一生
  12. win7系统安装SQL Server 2005开发版步骤详解
  13. 菜狗杯Misc_You and me_题目wp
  14. python证件照_python opencv实现证件照换底的方法
  15. 访问计算机是什么意思,“CATI”是什么意思?
  16. 信用社网银服务器无响应,农村信用社网上银行显无法显示网页
  17. DNS这位“翻译官”是如何转换域名和IP地址的?
  18. 软件测试---沟通技能总结
  19. IP-guard功能详解——安全U盘
  20. 一维数组与二维数组及相关问题

热门文章

  1. 【数据压缩】TGA文件格式分析
  2. 用python爬取网站_「自如网」关于用python爬取自如网信息的价格问题(已解决) - seo实验室...
  3. 限定checkbox最多选中数量
  4. 合并两个list数据集合
  5. 字符串内穿插{}使用
  6. [蓝桥杯2019初赛]立方和
  7. Spark SQL函数总结
  8. 电子漫画系列更新11张美图,共计58张,收藏收藏!
  9. 二手书交易平台相关调研
  10. matlab mcr安装图标,MCR 安装文档--matlab 2010b