1.7 js基础,字符串、数组小结
一、arguments 实参参数的数组
script>
var getSub=function(){
var re=0;
for(var i=0;i<arguments.length;i++){
re+=arguments[i];
}
return re;
}
alert(getSub(1,2,3,4,5,6));//21 </script>
二、批量设置样式
.cssText='width:100px;height:50px';//缺点:会覆盖之前样式- 有缺陷
with(obj.style){
样式名=样式值;
width=width;(无法设置该属性)
}
3、自定义方法
<script>
function setStyle(obj,json){
for(var name in json){
obj.style[name]=json[name];
}
}
window.onload=function(){
var oDiv=document.getElementById('box');
oDiv.onclick=function(){
setStyle(oDiv,{'width':'200px','height':'300px'});
}
}
</script>
4、字符串常用方法
var str='abd3333';
str.charAt(0); 【获取某一位置的字符】//结果:a
str.indexOf('b');【查找某个字符串的位置,找到返回位置,否则 返回-1】//结果:1,找不到返回-1
str.lastIndexOf('3')【从后往前找】;//结果:6
str.substring(开始位置,结束位置(不包括结束位置));【截取字符串,前包括后不包括】
str.substring(开始位置):【从开始位置截取到最后】
str.toUpperCase();//转换为大写
str.toLowerCase();//转换为小写
str.split('特定的字符');//如果写了一个空字符,每个字符都被分出来。否则按照指定字符进行分割。
str.repalce('',function(){})
str.match(); 匹配出来是数组。
5、字符串比较
字符串数字比较:‘2’>'12' true '156'>'9'.false,比较的是第一个字符,完事后就不往后面比较了。
字符串中文:‘你’>'我',乱来。
字符串大小写字母:‘A’>'a',false
6、数组常用方法
arr.push();//从后面加,返回被添加后的数组的长度。
arr.pop();//从后面干掉,返回被删掉的东西。
arr.shift();//从前面删除,返回被删掉的东西。
arr.unshift();//从前面加
arr.splice(开始的位置,长度);//删除,返回删除的东西,返回了arr
arr.splice(开始的位置,0,要插入的东西)//插入
arr.splice(开始的位置,长度,要替换的东西)//替换(先删除后插入)
arr.join(分隔符);//数组转换成字符串
arr3=arr1.concat(arr2);//数组合并
arr.reverse();//数组反转 welcome to zhinengshe ====>zhinengshe to welcome
arr.sort();//数组排序。
arr.sort(function(num1,num2){
if(num1>num2){
return 1;
}else if(num1<num2){
return -1;
}else{
return 0;
}
})//解决数字排序问题9】
arr.sort(fucntion(num1,num2){return num1-num2});//从小到大简写
arr.sort(fucntion(num1,num2){return num2-num21});//从大到小简写
arr.map(function(val,index,context){return val+1 });//遍历数组,修改数组中每一项,返回新数组,不修改原数组
arr.forEach(function(val,index,context){});//遍历数组,没有返回值,不修改原数组
arr.filter(function(val,index,context){});//筛选数组,返回符合条件的新数组,不修改原数组
1.7 js基础,字符串、数组小结的更多相关文章
- JS 常用字符串,数组操作
JavaScript String/Array对象 JS String对象 String 对象属性 属性 描述 constructor 对创建该对象的函数的引用 length 字符串的长度 pro ...
- js jq 字符串数组对象
数组是有序的,对象是无序,数组是特殊的对象 数组 声明数组 var arr=new Array('red','blue','yellow'); //["red", "bl ...
- js基础之数组
数组方法 添加: push arr.push();//尾部添加 unshift arr.unshift();//头部添加 删除: pop arr.pop();//尾部删除 shift arr.shif ...
- js到字符串数组,实现阵列成一个字符串
数组字符串(阵列元件与字符串连接) var a, b; a = new Array(0,1,2,3,4); b = a.join("-"); 字符串转数组(根据一个字符串被分成 ...
- JS基础语法---数组案例---9个练习
练习1:求数组中所有元素的和 var arr1 = [10, 20, 30, 40, 50]; var sum = 0; for (var i = 0; i < arr1.length; i++ ...
- JS基础_数组的遍历
遍历:将数组中所有的元素都取出来 1.for循环 var arr = ["1","2","3"]; for(let i=0;i<arr ...
- JS基础_数组的方法
常用的方法 1.push:向数组的末尾添加一个或更多元素,并返回新的长度. 将要添加的元素作为方法的参数传递,这些元素将会自动添加到数组的末尾 var a=[1,2,3]; var r = a.pus ...
- JS基础_数组简介
内建对象 宿主对象 自定义对象 数组(Array) - 数组也是一个对象 - 它和我们普通的对象功能类似,也是用来存储一些值的 - 不同的是普通对象是使用字符串作为属性名的 数组是使用数字来作为索引来 ...
- js基础学习-数组
let arr1 = [ {name: 1} ] let arr2 = [ {age: 23} ] let ages = [11, 22, 23] let newArr = arr1.concat(a ...
- 【JS基础】数组
filter() 返回数组中的满足回调函数中指定的条件的元素. array1.filter(callbackfn[, thisArg]) 对数组array1中的每个元素调用回调函数callbackfn ...
随机推荐
- Linux RPM学习笔记
RPM(RedHat Package Manager) rp-pppoe-3.1-5.i386.rpm软件名称-版本号-编译次数-适合的硬件平台.扩展名 xxx-devel.rpm开发使用 xxx.n ...
- [转发]Oauth 1.0 1.0a 和 2.0 的之间的区别有哪些?
原文地址:http://www.zhihu.com/question/19851243
- C#基础入门 二
C#基础入门 二 循环语句 与C语言中用法相同. continue:结束本次循环(continue)后面的代码不再执行,进入下次循环(通常与if连用). 数组 一维数组定义:int[] intArra ...
- PowerDesigner Comment与Name相互替换
从name替换comment Option Explicit ValidationMode = True InteractiveMode = im_Batch Dim mdl ' the curren ...
- c#中关于协变性和逆变性(又叫抗变)帮助理解
今天回忆了之前看的<深入理解C#>这本书中的泛型章节,其中对泛型的可变性的理解.泛型可变性分两种:协变和逆变.逆变也又称为抗变. 怎么理解这两个名词的意思: ①:协变即为在泛型接口类型中使 ...
- C#设计模式系列:代理模式(Proxy Pattren)
一.引言 在软件开发过程中,有些对象有时候会由于网络或者其他的障碍,以至于不能够或者不能直接访问到这些对象,如果直接访问对象给系统带来不必要的复杂性,这时候可以在客户端和目标对象之间增加一层中间层,让 ...
- CentOS下Docker与.netcore(一) 之 安装
CentOS下Docker与.netcore(一) 之 安装 CentOS下Docker与.netcore(二) 之 Dockerfile CentOS下Docker与.netcore(三)之 三剑客 ...
- Ajax 如何执行 Response.Redirect
Ajax 直接对服务端的Response.Redirect是不感冒的, 另觅途径, 具体可行办法如下: Web Service 服务端: public WXService() { if (!IsVal ...
- H5活动产品设计指南基础版
本文来自 网易云社区 . H5一般页面不会很多,看似简单,实际上会有很多细节需要注意,我自己在做过了几个H5之后,发现了一些常犯的问题,做了小结,希望给新开始做H5的产品相关的同学提供一些帮助. 首 ...
- OCP 12c最新考试原题及答案(071-6)
6.(4-21) choose the best answer: View the Exhibit and examine the structure of the CUSTOMERS table. ...