var str1 = "Hello World";
console.log(str1.length); //輸出11,表示字符串總長度
var str2 = "世界你好";
console.log(str2.length); //輸出4,表示字符串總長度
var str3 = "Hello World";
console.log(str3.charCodeAt(1)); //輸出101,表示第二個字符的ASCII值
var str4 = "世界你好";
console.log(str4.charCodeAt(1)); //輸出20320,表示第二個字符的UTF-16碼
2.數組長度判斷 數組長度判斷方法是使用length屬性。 例如:var arr1 = [1, 2, 3, 4, 5];
console.log(arr1.length); //輸出5,表示數組長度
var arr2 = ["Hello", "World", "!"];
console.log(arr2.length); //輸出3,表示數組長度
3.對象長度判斷 對象長度判斷方法是使用Object.keys()方法。 例如:var obj1 = {name: "Tom", age: 20, sex: "M"};
console.log(Object.keys(obj1).length); //輸出3,表示對象的屬性數量
var obj2 = {name: "Mary", sex: "F"};
console.log(Object.keys(obj2).length); //輸出2,表示對象的屬性數量
4.集合長度判斷 集合長度判斷方法是使用size屬性。 例如:var set1 = new Set([1, 2, 3, 4, 5]);
console.log(set1.size); //輸出5,表示集合大小
var set2 = new Set(["Hello", "World", "!"];
console.log(set2.size); //輸出3,表示集合大小
注意:集合類型包括Set和Map。 應用舉例 1.限制輸入字符長度 在實際開發中,很多時候需要限制用戶輸入字符的長度。這時,可以結合字符串長度判斷方法來實現。 例如://限制輸入字符長度不超過10個
var input = document.getElementById("textInput");
input.addEventListener("input", function(){
if(this.value.length >10){
this.value = this.value.substr(0, 10);
}
});
2.判斷表單是否填寫完整 在開發表單頁面時,通常需要在提交前判斷表單是否填寫完整。這時,可以結合對象長度判斷方法來實現。 例如:var form = document.forms[0];
form.addEventListener("submit", function(event){
var inputs = this.getElementsByTagName("input");
var complete = true;
for(var i=0; i<inputs.length; i++){
if(inputs[i].value == ""){
complete = false;
break;
}
}
if(!complete){
event.preventDefault();
alert("請填寫完整表單!");
}
});
3.判斷集合中是否重復元素 在某些場景下,需要判斷一個集合中是否有重復的元素。這時,可以結合集合長度判斷方法來實現。 例如://判斷數組中是有重復元素
var arr = [1, 2, 3, 4, 5, 1];
var set = new Set(arr);
if(arr.length != set.size){
console.log("數組中有重復元素!");
}
綜上所述,Javascript中的長度判斷方法是非常靈活和實用的技能。通過熟練運用這些方法,可以在開發中更加便捷地完成各種需求。