前端学习(十七)js数组(笔记)
数组:
1.
var arr=[1,2,3,4];
2.
var arr=new Array(1,2,3,4,5);
区别:
1.写法不一样,选择第一种(好写)
2.选择第一种!
----------------------------------
关于数组方法:
1.push(要添加的值);往里添加一个!
var arr=[1,2,3,4]
arr.push(888);
默认是往后面添加一个!
--------------------------------------
2.unshift(要添加的值);默认往前面添加一个!
--------------------------------------
3.pop()--默认从后面删除一个!
--------------------------------------
4.shift()--默认从前面删除一个!
-------------------------------------
5.咱从中间添加或者删除,替换!
万能操作!
splice(,,,,)
删除:
arr.splice(开始下标,删除个数);
var arr=[1,2,3,4,5,6,7];
arr.splice(1,2);---1,4,5,6,7
alert(arr);
添加:
arr.splice(开始的下标,删除0个,要添加的项1,要添加的项2,....);
var arr=[1,2,3,4,5,6,7];
arr.splice(2,0,'a','b','c');
alert(arr);
--------------------------------------------
替换:
删除几个,就添加几个!!!
var arr=[1,2,3,4,5,6,7];
arr.splice(2,3,'a','b','c');
alert(arr);
-----------------------------
模拟push
var arr=[1,2,5,6,7];
arr.splice(arr.length,0,8);
alert(arr);
pop
var arr=[1,2,5,6,7,8,9];
arr.splice(arr.length-1,1);
alert(arr);
==================================================
6.
var str='welcome to beijing'
str.split(' ');----['welcome','to','beijing'];
join:拼接 得到字符串!
var arr=['welcome','to','beijing'];
arr.join(' ');----'welcome to beijing';
==============================================
题:
var str='welcome to beijing';
--》'Welcome To Beijing';
思考步骤:
1.str切分一下
var arr=str.split(' ');
['welcome','to','beijing']
2.循环得到每个的大写字母
for(i=0;i<arr.length;i++){
var n=arr[i].charAt(0).toUpperCase();
alert(n);--w t b
}
3.循环得到每个没有手写字母的字符串!
elcome o eijing
===========================================
7.数组链接
var arr=[1,2,4];
var arr1=[6,7,8];
alert(arr.concat(arr1));
链接多个
var arr=[1,2,4];
var arr1=[6,7,8];
var arr2=[56,57,58];
alert(arr.concat(arr1,arr2));
--------------------------------------------
8.数组的翻转arr.reverse()
var arr=[1,2,3,4,5];
--5,4,3,2,1
var arr=[1,2,3,4,5];
alert(arr.reverse());
------------------------------------------
9.排序:
var arr=['banana','apple','color','width'];
arr.sort();
alert(arr);
注意:它是按照字典序来排序(小到大)
----------------------------------
var arr=[123,4,56,88,34,0,-56];
var arr=[123,4,56,88,34,0,-56];
arr.sort();
alert(arr);
也是呢按照字典序排序!
目的:
----按照数字大小排序
var arr=[123,4,56,88,34,0,-56];
arr.sort(function(n1,n2){
return n1-n2;
});
alert(arr);
注意:n1-n2 小到大
n2-n1 大到小
==================================================
特性:
arr.length可以赋值!
清空数组:
1.arr.length=0;
2.arr=[];
3.arr.splice(0,arr.length)
4.while(arr.length){
arr.pop();
}
***字符串的length不能赋值!!!!
--------------------------------------------------
json
写法:
var json={name:value,name1:value1,....}
json.name
json和数组的区别:
json:
1.无序
2.没有length;
3.下标字符串
4.for in
5.添加一项json.youbian='000000';
6.删除
数组:
1.有序
2.有length
3.下标数字
4.普通for循环
5.添加方式arr.push
6.删除
json循环:
var json={age:15,name:'张三',adrs:'北京'};
for(var name in json){
alert(json[name]);
}
注意:
1.虽然for in循环数组可以用,但是for in 性能没有普通for循环好!所以说平时用普通for,不到万不得已不用for in! 遇到json就是万不得已!必须用for in!
2.alert(json)--alert不足以把json打印出来,它只是弹出json类型!
json专用打印方法:console.log(json);
-------------
============================================
设置样式:
1.行间样式
obj.style.width="100px"
oBox.style.cssText='width:100px;height:100px;background:red;';
2.className
3.json
==================================================
1.实参数组arguments
function show(){
var res=0;
for(var i=0;i<arguments.length;i++){
res+=arguments[i];
}
alert(res);
//var arguments=[1,2,3,4,5]
}
show(1,2,3,4,5);//实际运用的参数:实
================================================
获取元素方式:
1.id--获取一个
2.标签名(tagname)---获取一组
3.class名(className)---获取一组
var str='redvfrvervbr'
str.indexOf(d)!=-1
前端学习(十七)js数组(笔记)的更多相关文章
- 前端学习之——js解析json数组
** 前端学习之——js解析json数组** 解析json数组即对JSONArray的遍历 一.对于标准的json数组如: var result=[{"flag":1," ...
- 前端学习:JS面向对象知识学习(图解)
前端学习:JS面向对象知识学习(图解) 前端学习:JS(面向对象)代码笔记 JS面向对象图解知识全览 创建类和对象 方式1:使用Object()函数 方式2:使用自变量 方式3:使用工厂函数 创建多个 ...
- 前端学习:JS学习总结(图解)
前端学习:JS学习总结(图解) JS的代码笔记 JS比HTML和CSS的知识点要多的多,下面分几段来介绍其内容... 为了能让大家更好的检索,前面的图解是整个JS的概括,后面的才是知识点... 旁边就 ...
- 前端学习历程--js事件监听
一.事件监听使用场景 1.事件触发多个方法的时候,后一个方法会把前一个方法覆盖掉. window.onload = function(){ var btn = document.getElement ...
- 前端学习:JS(面向对象)代码笔记
前端学习:JS(面向对象)代码笔记 前端学习:JS面向对象知识学习(图解) 创建类和对象 创建对象方式1调用Object函数 <body> </body> <script ...
- 前端学习:学习笔记(JS部分)
前端学习:学习笔记(JS部分) 前端学习:JS学习总结(图解) JS的简介 JS基本语法 JS内置对象 JS的函数 JS的事件 JS的BOM JS的DOM JS的简介 新建步骤 <body ...
- [学习笔记]JS 数组Array push相关问题
前言: 今天用写了一个二维数组,都赋值为零,然后更新其中一个值,结果和预期是不一样,会整列的相同位置都是同一个值. 1.用Chrome的控制台样例如下: arrs[2][2] =1的赋值,竟然是三个数 ...
- 值得H5前端学习的60个JS插件(含DEMO演示)
下面也可以说是H5前端学习的js插件大全.基本包含了大部分的前端最前沿的js插件和库. 布局 SuperEmbed.js- 是一个Javascript库,可检测出网页上的内嵌视频并使他们能够变成响应式 ...
- 前端学习数据库MYSQL
这篇文章主要写了 1.数据库MYSQL 2.基本上会遇到的所有SQL语句 数据库可视化软件------Navicat 数据库里边存放的是表,表与表之间是有关联的,而且可以对表进行相关操作(增,删,改, ...
随机推荐
- GitHub托管代码-学习笔记
1.注册github账号 https://github.com/ 2.下载GitHub Desktop软件 https://desktop.github.com/ 在下载的软件上登陆GitHub账户 ...
- C++ 字符串截取转换及字符流控制
文章由来 ------------------工作需要缓冲区里的字符串控制,还是混合编译的那种,根据协议来定义截取各种字符流,控制大小长度,截取返回的内容然后转换成特定的类型, 可能表述不是那么正确, ...
- java基础学习笔记四(异常)
Java中的异常 Exception 如图可以看出所有的异常跟错误都继承与Throwable类,也就是说所有的异常都是一个对象. 从大体来分异常为两块: 1.error---错误 : 是指程序无法处理 ...
- 一张图告诉你js为什么要加分号
当js代码被压缩或者通过其他方式改变你的编码结构时,分号能够给编译器和解析器提供精准的语句拆分. 如图中m 和 c 的例子就能解释为什么这样做.
- python用户名密码限定次数登录
""" 1. 用户输入帐号密码进行登陆 2. 用户信息保存在文件内 3. 用户密码输入错误三次后锁定用户"""" test.txt ...
- 深度解析双十一背后的阿里云 Redis 服务
摘要: Redis是一个使用范围很广的NOSQL数据库,阿里云Redis同时在公有云和阿里集团内部进行服务,本文介绍了阿里云Redis双11的一些业务场景:微淘社区之亿级关系链存储.天猫直播之评论商品 ...
- LCD驱动程序架构和分析
一.LCD驱动程序架构 1.裸机驱动代码分析 ①LCD初始化:控制器初始化,端口初始化,指明帧缓冲 ②LCD图形显示:将图形数据写入帧缓冲 void lcd_init() { lcd_port_ini ...
- IDEA 报错记录
IDEA 报错记录 Process finished with exit code 0 这种主要是配了默认的 Tomcat ,然后又配置了外部的 Tomcat.解决办法,注释掉默认的: <dep ...
- Java核心基础知识(一):概念、语法、使用、源码
1. Java中OOP的特点? OOP(Object Oriented Programming):面向对象编程.具有封装.继承.多态三大特征. 封装:解决数据安全性问题: 继承:解决代码的重用性问题: ...
- 字符串模式匹配算法系列(三):Trie树及AC改进算法
Trie树的python实现(leetcode 208) #!/usr/bin/env python #-*- coding: utf-8 -*- import sys import pdb relo ...