JavaScript数组基础及实例
js数组
和var i=1;这样的简单存储一样是js中的一种数据结构,是专门用来存储多个数据的一种数据结构。
摘:数组是一组数据的集合,其表现形式就是内存中的一段连续的内存地址,数组名称其实就是连续内存地址的首地址。
数组也是分为强类型和弱类型的:
强类型语言数组:1.内容是连续的 2.指定数组的时候要给一个长度 3.要规定存储数据类型
弱类型语言数组:可以不连续,不用指定长度,可以存储任何类型长度
js数组是弱类型数组。
js数组的定义方式:
//数组的定义方式
//第一种
var arr = new Array();
arr[0]=1;
arr[1]=2;
arr[2]=3;
//第二种
var arr = new Array(1,2,3,4,5);
//第三种
var arr = new Array();
arr.push(1);
arr.push(2);
//第四种
var arr = [1,2,3,4,5];
arr[]是数组的索引,数组的索引是从0开始的。
arr.push();是数组的一种方法,用来向数组添加数据
arr.length是数组的方法,代表数组的长度,表示数组下有几个元素
数组名.属性名
数组名.方法名()
JS数组中可以存储任意类型的数据
var arr = new Array();
arr[0]=1;
arr[1]="hello";
二维数组:
//二维组数
var arr = new Array(
new Array(11,12,13,14,15),
new Array(21,22,23,24,25),
new Array(31,32,33,34,35)
);
数组可以作为数组的值,数组中的值可以是数组,这样叫做二维数组
二维数组的索引是arr[][]
遍历数组
//遍历数组
//1.for循环
for(var i=0;i<arr.length;i++){
alert(arr[i]);
}
//2.foreach循环
for(var a in arr){
alert(arr[a]);
}
需要注意的是不能用 for(var i=1;i<=arr.length;i++),因为数组索引是从0开始的。
可以使用for...in语句实现对一个数组的所有元素的遍历,数组中有几个元素,for..in语句就循环执行多少次。
下面用两个例子试一下:
输入10个成绩,求总分,最高,最低
var arr=new Array(67,45,56,12,90,98,23,43,56,99,97);
var g=0;
var d=arr[0];//定义最小开始时等于第一个数
var z=0;
for(var i=0;i<arr.length;i++){
z=z+arr[i]; //总分要在外边不能在里边
if(arr[i]>g){
g=arr[i];
}else{
if(arr[i]<=d){
d=arr[i];
}
}
}
alert(z+","+g+","+d);
这里的思路是:
首先定义出数组,最高分g,最低分d开始时等于数组第一个元素,总分z
然后循环中,首先总分加数组元素
然后判断这个数组元素是否大于最高分,如果是则将这个分数赋给g,如果不是则判断是否小于最低分d,如果是则将此值赋给d
这里遇到的问题:找出最高分一开始就实现了,问题出在总分和最低分,计算总分要写在for循环下而不能写在判断中,否则得出的是高分的和。
最低分的要点在于开始赋值,如果和总分高分一样初始值为0,则第二个判断中,低分会一直为0,所以要把数组的第一个值赋给d,这样才能判断计算
添加数据时去重,下代码仅能输入一个数据
var arr=Array(2,1,11,2,31);
var s=prompt("请输入学号");
for(var i=0;i<arr.length;i++){
if(s in arr){
break;
}else{
arr.push(s);
break;
}
}
alert(arr);
这里的思路是
首先定义出数组,和用户输入的内容s
然后用for循环遍历数据,在for循环中使用if判断,如果s 在数组中,跳出,如果s不在数组中,写入数据
拓展:
数组里的索引叫做(key),数组里存的值叫做(value),他们是成对存在的,叫做键值对
摘:
JS中符号含义:
()表示函数执行
[]表示语法模拟,表示模拟Array类的实例(=new Array())
{}表示语法模拟,表示模拟Object类的实例(=new Object())
//表示语法模拟(正则对象),表示模拟RegExp类的实例(=new RegExp())
JavaScript数组基础及实例的更多相关文章
- JavaScript数组基础编程题归纳
之前的随笔"JavaScript中数组类型的属性和方法"中有介绍很多数组类型的方法,但都是一些理论.最近在练习在线编程题,发现自己还是习惯于用常规的循环来答题,对于数组的方法的使用 ...
- JavaScript 数组基础知识
// Array 类型: // 检测数组: // console.log(myarr instanceof Array) //true // toString()方法会返回由数组中每个值的字符串形式拼 ...
- JavaScript数组(二)实例
一.Js 数组示例常用操作. $(function () { Javascript数组学习 var nums = new Array([10], [5],[ 8], [2], [3]); 数组反转 n ...
- JavaScript RegExp 基础详谈
前言: 正则对于一个码农来说是最基础的了,而且在博客园中,发表关于讲解正则表达式的技术文章,更是数不胜数,各有各的优点,但是就是这种很基础的东西,如果我们不去真正仔细研究.学习.掌握,而是抱着需要的时 ...
- JavaScript学习基础部分
JavaScript学习基础 一.简介 1.JavaScript 是因特网上最流行的脚本语言,并且可在所有主要的浏览器中运行,比方说 Internet Explorer. Mozilla.Firefo ...
- javascript 闭包基础分享
javascript 闭包基础分享 闭包向来给包括JavaScript程序员在内的程序员以神秘,高深的感觉,事实上,闭包的概念在函数式编程语言中算不上是难以理解的知识.如果对作用域,函数为独立的对象这 ...
- JavaScript 数组基本操作
简介 数组操作无论是在JavaScript中还是在其他语言中都是很常见.经常会用到的,现在我把JavaScript 数组基本操作整理一下,供大家参考学习.里边包含我自己的见解以及案例,希望能够帮助大家 ...
- JavaScript的基础学习
由js和python想到的: 弱类型语言 js 中的数据在进行算数运算时,会自动转换类型强类型语言 变量的值的数据类型一旦确定,使用时不能改变 动态语言:编译时不知道数据类型,只有在执行时才知道数据类 ...
- 三丶JavaScript 的基础学习(一)
知识预览 BOM对象 DOM对象(DHTML) 8 实例练习 JavaScript概述 JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言 ...
随机推荐
- bzoj2560 串珠子
Description 铭铭有n个十分漂亮的珠子和若干根颜色不同的绳子.现在铭铭想用绳子把所有的珠子连接成一个整体. 现在已知所有珠子互不相同,用整数1到n编号.对于第i个珠子和第j个珠子,可以选择不 ...
- Python库的安装方法
Python库的安装方法 Python的解释器CPython是开源的,我们可以下载查看其源代码,同时,Python语言的各种库也都是开源的.利用Python语言编程,可用的库有很多,在Python官方 ...
- 对象克隆(clone)实例详解
<?php class Staff { public $name; public $age; public $salary; public function __construct($name, ...
- TPshop手机新模板的用户消息实现
今天在开发TPshop的手机新模板的消息页面,姑且记录一下. 首先,点击下方右上角,进入消息页面: 数据库中目前模拟了三条数据,有: 点击上图右上角,有: 这个 消息设置 功能是新增的,而且类型由原本 ...
- selenium基础框架的封装(Python版)
一.常用函数的封装 在使用selenium做web自动化测试的过程中,经常会碰到各种各样的问题,比如: 1.页面加载比较慢时,selenium查找元素抛出异常,导致脚本运行中止 2.写完脚本后发现代码 ...
- win10下使用nodejs安装及webstorm创建express项目的指导
title: win10下使用nodejs安装 win10下使用nodejs安装及webstorm创建express项目的指导 windows下nvm的安装 熟悉linux下nodejs开发的朋友应该 ...
- ASP.NET Gridview数据库绑定支持增删改,记得要完整实现
1.错误情况 /WebSite3"应用程序中的服务器错误. 指定的参数已超出有效值的范围. 参数名: index 说明: 执行当前 Web 请求期间,出现未经处理的异常.请检查堆栈跟踪信息, ...
- 《高性能javascript》 --- in case of odd number of items(奇怪的条目的数量)
不知道是做着故意放的还是什么原因.总之运行后就会出现问题(奇怪的条目的数量) function merge(left, right){ var result = []; while (left.len ...
- c# .net core 下的网络请求
本文章是在VS2017的环境下,.net core 1.1版本以上. 在这期间,由于.net core 并不基于IIS,我们的过去的网络请求代码在.net core框架下,有可能会出现不兼容,报错的现 ...
- 为什么重写equals时必须重写hashCode方法?(转发+整理)
为什么重写equals时必须重写hashCode方法? 原文地址:http://www.cnblogs.com/shenliang123/archive/2012/04/16/2452206.html ...